Page Settings
Basic Settings
Name
A label for your page, used internally for identification and used in the auto-generated app navigation sidebar.
URL
The page URL setting determines how this page is accessed within your app.
The page URL should be all lowercase with no spaces. Hyphens are allowed.
If your page URL is 'projects', you can access your page at yourapp.frontly.ai/projects, or if you have a custom domain installed, it would be yourdomain.com/projects
Block
The block section allows y
ou to visualize each individual block in your editor from a hierarchical view. From here, you can create blocks as well as clicking and dragging them to arrange their respective order on your page.
Additionally, you can nest or remove them from existing Row and Column blocks and them exist as root blocks instead.
Click here to learn more about the Row and Column block
Hide Navigation
Toggling this will completely hide the page navigation bar from your user
More Settings
Require Login
Determine whether this page should be require a logged-in user to view it, or if it should be publicly accessible with no login or password.
Publicly accessible web pages you create will require any referenced spreadsheets data to be set to public too, otherwise your users will see an error. Find this setting in your Google Sheets tab.
Published
If the page is published, it can be found in your live app. If not published, it will be invisible to any public users and only available in the page builder for editing.
Display Conditions
Set parameters on how your users are able to navigate to this page and view the contents on them.
β
ββClick here to learn more about Display Conditions
User Groups
Set user permissions to determine which user groups are able to access this page.
Click here to learn more about User Group Permissions
Page Filters
Create filters on your page which will update the values on your blocks affected.
Click here to learn more about the Page Filters
Delete Page
Used to delete your entire page.
Be careful, since this is permanent and cannot be undone.
Page Load Action
Initiate a custom action sequence when the page is loaded.
Click here to learn more about Custom Actions.
Styles Settings
To access your page's styling settings, simply click the paintbrush (ποΈ) in the top right corner of your editor to expand the Page Styles tab.
Background Color
Set the background colour for your app. This will override the page color you've selected in your app Styling settings for this page only.
Max Width
Set a max width for your page content. The remaining space on your page will be the background colour you've set.
Navigation Icon
Select an icon to be used in the auto-generated app navigation bar in your public app.
Padding
Establish the padding values for each margin of your page. Increasing these values will expand the space between your blocks and the specified direction, creating greater separation and visual clarity.
Block Spacing
Adjust the block spacing to set the distance between adjacent blocks. Increasing this value adds more space between blocks, enhancing the layout's visual balance and organization.