Setting Up Pages Layout
Page Header
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.
Tabs, Sections and Columns
Everything on the page can be dragged and dropped!
Copying Sections with Components
To copy a section with components, select the section you want to duplicate and click the Copy Section button
Adding and Configuring Components
Drop components into columns and configure them according to your preferences.
Click Preview to see the resulting page.
Desktop, Tablet and Mobile Views
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.
Conditional Tabs Visibility
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).
Conditional Sections Visibility
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.
Last updated
