Low-code designer > Set up interfaces > Widget types > Element layout / Menu with form

Menu with form

This widget allows you to structure items using a vertical menu.

To add the widget to a form, drag it to the modeling canvas or click +Widget. Configure the widget’s settings in the window that opens.

Main tab

MWF 1

  • HeaderEnter the menu name in this field. You can configure the header in two ways: enter the name manually or click on the link icon on the right side of the field and select a String variable from the widget or app context. The value of the variable determines the menu header.

Read more about context variables in the Context types article.

System tab

System settings are similar for all widgets. They allow you to set a widget’s visibility and access permissions, configure the widget’s behavior when the user hovers over it, etc. Read more about these settings in the System widget settings article.

To finish, click Save.

Example

In the example below, the Menu with form widget is used to structure orders by status. The user can go from one menu tab to another to find information about orders in each status.

MwF2

Found a typo? Highlight the text, press ctrl + enter and notify us