Detail page
Last updated
Last updated
A detail page is a specialized screen that can be accessed by tapping an item from the collection page. It offers comprehensive insights into a particular item. Its primary purpose is to give users a detailed view of an item's attributes, characteristics, and features.
This guide will teach you how to quickly build them using Starion and gain valuable insights into the best practices.
Starion automatically generates a default detail page for each data table. Once you build your Collection page, the detail page is always ready.
To access the detail page linked with your data table, navigate to the CMS Pages category on the left sidebar of the App Editor. The detail page is named with the format " Name of the table it linked + Details," so you can know exactly which CMS detail page you are about to work with.
Detail pages are components representing data from your data table columns. To add a component to your detail page, drag and drop it from the Library into the component box at the top.
The components fall into two categories: general components and control components. General components are read-only and display information such as charts, labels, and barcodes. Meanwhile, control components enable user interaction, allowing actions like button clicks or slider adjustments.
Explore all the components by scrolling through the library, or you can get even the preview and detailed guide to their settings here:
ComponentClick and drag the components to arrange them according to your preferences.
To remove a component, right-click on it within the component box and select "Delete."
However, you can also temporarily hide components from the user's view. Just click the eye icon next to the component.