Navbar Schema

lowcodera Navigation bar JSON Schema reference

Navigation Configuration Schema

Column Configuration Syntax

For lowcodera Navbar bar components, we need to develop a navigation configuration schema. Here's the example along with property description.

Syntax

ClearCollect(
    globalnav,
    {
        type: "DropDown",
        title: "Employee Corner",
        icon: "object-group",
        key: "ec",
        dropDown: [
            {
                type: "Action",
                title: "Log Timesheet",
                key: "logtimesheet"
            },
            {
                type: "Action",
                title: "Apply Leave",
                key: "leave"
            },
            {
                type: "Action",
                title: "My Projects",
                key: "projects"
            }
        ]
    },
    {
        type: "Action",
        icon: "cog",
        key: "settings",
    }
    
)

Description of Schema

Attribute	Description	Accepted Values
type	Property to configure dropdown or action label for navigation bar	dropdown action
title	Property to set label for navigation component	string
icon	Property to configure icon name for a navigation label	string
key	Property to configure the key for navigation element which can be useful to write onchange event	string
dropDown	Property to provide dropdown schema for the navigation	JSON