5.4 Managing App (Site) Settings & Navigation

Slug Names

Set the slug or path for each page.

• Slug: A slug is the part of the URL that identifies a particular page on your site in a more readable way, typically following the domain (e.g., subdomain.domain.com/your-slug).

• (internal) Path: The full URL path, which can include the slug and any additional routing information (e.g., subdomain.domain.com/your-slug).

Remember to save your changes. In the ellipsis dropdown, you can:

• Redirect to edit the page

• Precache the page (sync data with the app)

• Add more slugs for the page

• Preview the page

• Delete the page

Menu Schema

Sidebar Navigation Menu Schema: This section allows you to edit the structure of your sidebar navigation menu. The schema is represented as an array of objects, for example:

[{
    "sectionLabel": "Menu",
    "subs": [{
        "exact": true,
        "icon": "fa fa-home",
        "label": "Home",
        "path": "/"
    }]
}]

• Each object within the subs array represents a menu item.

• You can customize each menu item by:

  • Adding your menu text as the label

  • Specifying an icon to display before the text

  • Defining the path of the page the menu item links to

• You can also apply custom styling with the "styleClasses" property and control dynamic rendering using "visible_calc".

• HTML objects can be included inside subs as menu items.

• Nested menus can be created by using nested subs arrays to manage hierarchical navigation.