Setting Up Page Layout
Last updated
Last updated
You can enable the page header if you want it to be visible. By default, the header is the page title, but you can edit it as needed.
Everything on the page can be dragged and dropped!
To copy a section with components, select the section you want to duplicate and click the Copy Section button
Drop components into columns and configure them according to your preferences.
Click Preview to see the resulting page.
Each section can contain one or several columns, which serve as containers for components. If a section has more than two columns, you can configure how they are displayed in three different views:
Mobile: width from 0 to 478 px
Tablet: width from 479 px to 768 px
Desktop: width from 768 px and above
Choose the layout direction in the section settings.
Each component can have its own layout for mobile, tablet, and desktop views. An icon in the bottom-right corner indicates which option is applied for the specific column width.
Each tab can be set to be visible for specific groups of users:
All authorized users
List of roles only (similar to security settings for the page).
Similarly, each section can be configured to be visible for specific groups of users.
Remember to consider security settings when configuring API endpoints! Configuring conditional visibility alone may not be sufficient.