Skip to main content

TabBox Widget Overview

The TabBox Widget is a tabbed container that organizes form content into multiple labeled panels in Buildocs UI Engine. Users switch between content panels by clicking the tab headers. Each tab panel can contain its own set of form widgets.

Behavior​

  • Renders a row of tab headers at the top
  • Only the active tab's content panel is visible at a time
  • Users click tab headers to switch between panels
  • Tab appearance (colors, fonts) is individually configurable per tab
  • Individual tabs can be hidden without removing their content

Adding to Canvas​

  1. Open your form in the Form Builder
  2. Locate the TabBox widget in the component palette
  3. Drag the widget onto the canvas and drop it in the desired position
  4. Open the Properties Panel to set the number of tabs and configure each tab's label and appearance
  5. Add form widgets inside each tab panel
info

The TabBox is a layout container — it does not fire events to the backend on its own. Events are fired by the widgets placed inside the tab panels.

Next Steps​

  • Properties — full reference for tab configuration and appearance settings