Skip to main content
Page Settings

Customize your pages with these settings!

Justin Yan avatar
Written by Justin Yan
Updated over 4 months ago


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.

Did this answer your question?