Detail page

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.

Accessing the detail page

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.

Designing the detail page with components

Adding new component

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:


Organizing Components

Click and drag the components to arrange them according to your preferences.

Removing Components

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.

Last updated