• 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

1. Start of the menu structure for an application.
2. Group to organize an application.
3. Group for all Desktops be used in this application.
4. 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.
5. 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

1. To add the menu structure to your app use the Menu Structure Code (Shown in the image below).
2. Select your App object described in How-To: Add Application and Module
3. Change the main menu code attribute of the app to the menu structure code of your desktop group

To Find the mainMenuCode you can find it in the Menu details

4 Launch your app

4.1 Via Build.One Interface

1. Navigate to Applications
2. Select your application
3. Click on “Launch Application”

4.2 Via Deployed Environment

1. Declare in your Portainer deployment the name of your app in the variable DEFAULT_APP
2. Login to your deployed environment

Settings/Attributes

Use Cases

Back to Documentation

Back to Build.One Help-Center Home