Configuring the header bar of a low-code app page

When you are configuring an app in the Low-Code Apps module, you can configure the header bar for each page and panel. Such a header bar consists of different buttons, which can be used to execute actions or show a drop-down menu with additional buttons.

To configure a header bar:

1. Click the header bar toggle button.

2. Click the "+" icon on the left or right side of the page header bar, depending on where you want to add a button to the header bar.

3. Enter a name for the button in the page configuration pane or directly on the button in the header bar.

4. In the page configuration pane, expand the Icon section to select an icon for the button.

5. If you want the button to be a drop-down box, click the icon.

6. To configure what will happen when a user clicks the button:

   1. Expand the Events section for the header bar in the page configuration pane, and click the configuration button to the right of On click.

   2. Select and configure the action(s) that should be triggered when the button is clicked. See Configuring low-code app events.

7. Add and configure additional buttons if needed.

Note

To delete a button, click the garbage can icon next to that button in the page configuration pane, and then click the check mark icon to confirm.

Tip

See also:

• Tutorials — Using a header bar
• Using button components and header bars in Low-Code Apps on DataMiner Dojo