- Description
- How-to use
- 1 Create a menu function
- 2 Create a menu structure
- 3 Add the menu structure to your app object
- 4 Launch your app
- 4.1 Via Build.One Interface
- 4.2 Via Deployed Environment
- Settings/Attributes
- Use Cases
Description
The side navigation bar is displayed on the left side of the application. It is used to make different sections of an application available. Each time you click on a tab, a start function is executed to display the respective screen. The side navigation in B1 is no different.
How-to use
1 Create a menu function
To create a side navigation bar, you need to create a corresponding menu function. How to do this is explained on the following page. Actions
Below is an example of a menu function to launch a screen
2 Create a menu structure
To create a side navigation bar, you need to create a corresponding menu structure. How to do this is explained on the following page. Menu structure
Below is an example of a menu structure for a new side navigation bar
- Start of the menu structure for an application.
- Group to organize an application.
- Group for all Desktops be used in this application.
- Group for all standard screens. It is possible to create different views in which different layouts are displayed. This can be important, for example, when different views need to be provided for different users.
- Here, the "Launch" function from step 1 is implemented for the screen. The label specified here will also be displayed in the app.
3 Add the menu structure to your app object
- To add the menu structure to your app use the Menu Structure Code (Shown in the image below).
- Select your App object described in How-To: Add Application and Module
- Change the main menu code attribute of the app to the menu structure code of your desktop group
4 Launch your app
4.1 Via Build.One Interface
- Navigate to Applications
- Select your application
- Click on “Launch Application”
4.2 Via Deployed Environment
- Declare in your Portainer deployment the name of your app in the variable DEFAULT_APP
- Login to your deployed environment
Settings/Attributes
Attribute | Description | Example/Values |
mainMenuCode | is used to declare the side navigation bar in the app object | SampleStructureCode |
Use Cases
Back to Documentation
Back to Build.One Help-Center Home