Low-Code Designer > Setting up interfaces > Widget types > Element Layout / Panel with header

Panel with header

This widget helps you to group the panel interface elements in a collapsed or expanded form.

To configure the widget, drag it to the canvas or click +Widget. Enter the settings in the pop-up window.

PWH 1

  • Title*. In this field you need to name the window. You can do it in two ways: enter the name manually or click on the link button on the right side of the field and select the String context variable. The value of the variable determines the window title.
  • Display style*. Select the default or simple title display style.
  • Collapsible. This option allows you to make the panel collapsible. You can also click on the link button on the right side of the field and select the Yes/No switch variable type.
  • Expanded. This option allows you to make the panel expanded. You can also click on the link button on the right side of the field and select the Yes/No switch variable type.

Read more about context variables in this article.

The Hide, Read only, HTML styles, On mouse enter handler, On mouse leave handler settings are the system widget settings. Read more about them in this article.

To finish the configuration, click Save and Publish.

Use case