Skip to main content

Details Page

In this video tutorial you can learn about the details page. For instance, in a scenario you want to showcase data of a particular task/record with images etc. you can use the details page to do so in your web application.

1. Create a Page​

Go to Pages and choose Add Page. Name the page and click Create.

DrapCode SignUp Form

2. Bind the Collection​

Go to page Settings and choose Bind Collection and Update.

DrapCode SignUp Form

3. Build the UI​

You can build the page UI using components such as Navbar, Sections, Pre-built Layouts. Then open the Settings of the field to bind the collection. Here choose the collection and the specific field to bind and Save.

DrapCode SignUp Form

4. Bind the Page and Collection via a Button​

To create a buton go to Components and drop a Link. Here choose the page to bind, get path link id (which is the parent child collection) and the id and Save.

DrapCode SignUp Form

5. Preview the Changes​

Click Preview and now you can select the button created that will redirect you to the details page of the chosen item.

DrapCode SignUp Form