Using the Composite Widget

A composite widget allows grouping several custom widgets into one.

Horizontal Split of a Composite Widget with a Data Grid and a Filter Widget

The widget settings can be edited using a dedicated configurator.

Composite Widget Configurator

The upper tabs allow configuring the:

  • Header, i.e. the widget top bar, by setting if it must be shown by ticking Show Header and if so, by inserting its Title and Icon.

  • Colors, by ticking Use Custom Colors, and setting the Header Color and Text Color.

  • Toolbar, beneath the widget header, by adding configurable action buttons. For more details, please refer to Section Using the Action API.

  • Custom Controller in charge of customizing the widget behavior, set to None by default.

  • Scenario Comparison option to Automatically enable the Scenario comparison mode for the widget.

The main tabs allow configuring the:

  • Layout of the widget, which can be set to:

    • Tabbed, to display two or several widgets using a tab container, so the user can switch between components using the tab bar.

    • Horizontal split, to display two widgets side by side, with a separator that can be used to give more space to one widget or the other.

    • Vertical split, to display two widgets arranged vertically in a container, with a separator that can be used to give more space to one widget or the other.

  • Components, i.e. the individual widgets to place in the Composite widget.

    Note:

    Note that, in a Composite widget, individual filters can be set on each widget that allows it.