Place Controls in Panels, Sections, or Tabs

You can add panels, sections, and tabs to your form and use them to group multiple controls under a single control.

To configure a panel, section, or tab control:
  1. From the Advanced palette, drag and drop a Panel, Section, or Tab control onto the canvas.

    • A text Drop Elements to this panel! indicates that you can drop controls into the panel.

    • A text Drop Elements to this section! indicates that you can drop controls into the section.

    • A text Drop Elements to this tab! indicates that you can drop controls into the tab. By default, the tab control displays one tab (Tab1). Click Add tab to insert additional tabs into the control.

  2. Select the control and use the General tab in the Properties pane to configure the following:
    Field Description

    Name

    An internal identifier that you will use to identify the control.

    Label

    The title of the panel, section, or tab that the user will see in the form.

    Description

    For a panel control, provides additional information or instructions for the user.

    Type

    For a section control, sets the style and format in which the section label displays.

    Hide

    Select this property to hide the control.

    Read Only

    Set this property to make the (panel, section, or tab) control read-only. Note that when this property is set, all the controls inside a panel, section, or tab control become read-only (irrespective of the individual property of each of the controls). The user can view but is not allowed to edit the control.

    Lazy Loading

    For a section control, implements lazy loading for the controls inside it. The lazy loading controls are collapsed by default.

    Expanded

    For a section control, specifies if the section control is expanded when the form loads. By default, this field is checked.
  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.
  4. Drag and drop individual controls from the Basic Palette or the Advanced Palette into the panel, section, or tab control.
  5. Configure general and styling properties for the controls inside your panel, section, or tab control.

    Note:

    If you delete the panel, section, or tab control, all the controls grouped under it get deleted.