How to configure combine widget

Combine widget allows you to add multiple widgets in one container.

How to add the combine widget

Drag the combine widget from dashboard’s item panel, present under Miscellaneous group.

Now resize the container as per requirement, in order to drag multiple widgets in it.

Combine widget needs at least two widgets to show the use case of the widget.

How to configure the combine widget with multiple widgets

You can configure the combine widget by three methods:

1. Configure the combine widget by dragging some other widgets from item panel. Assign your required data to configure the widgets.

For example (In previous image): There are multiple widgets like grid, combo box, text widget and line widget (used to separate widgets).

2. Drag the already configured widgets from the design canvas into the combine widget.

3. Drag existing panel widgets into the combine widget.

Overlapping of widgets

You can overlap the widget inside the combine widget. Just drag one widget over another widget. The order, in which the widgets are placed over one another can be checked in the property panel of the same combine widget.

How to format combine widget

You can format the combine widget for better illustration of the view that you require using settings available in the Properties tab.

Basic settings

Ordering of widget allows you to make the widget move back and forth.

The property panel of the combine widget shows the list of widgets, which is dragged into it.

A widget, which can be seen above all other widgets is present at the bottom of the list and widget, which is at the bottom of all other widgets is present at the top of the list on the property panel of the combine widget.

The combo box widget, which is seen above other widgets is at the bottom of the list as shown in the following image.

Now, the combo box widget is at the bottom of the combine widget and cannot be seen and it is at the top of the list as shown in the following image.

Container Appearance

This section customize Container Appearance for combine widget.

Show Border

This toggles the visibility of border surrounding the widget.

Corner Radius

This apply specified radius to the widget corners if Show Border is enabled. Value can be between 0 and 10.

Show Background Image

This allows set background image for the combine widget.

Background Color

This allows you to set background color to the combine widget.

Transparency

This property specify transparency for background color.

Show shadow

This property give shadow around the combine widget.

Container actions

This section customize Container actions for combine widget.

Allow Maximize View

This enables or disables maximized mode of the combine widget. The visibility of the maximize icon in the widget header will be defined based on the setting of the viewer.

Allow Image Export

This enables or disables Image export option for the combine widget. Enabling this allows you to export view of the widget to image format (.jpg), (.png), or (.bmp) in the viewer.

Allow pdf Export

This enables or disables the PDF export option for the combine widget. Enabling this export view of widget to pdf format in the viewer.

Enable Comments

This enables or disables comment for dashboard widget. For more details, refer to link.

Pin widget

This allows you pin the widget.

Export

Export the combine widget as image and PDF format.

Widgets inside combine widgets has also exporting support, in order to export the specific widget into image, PDF, CSV and Excel formats.

Pin combine widget

Pin the combine widget by using the pin icon on the container. The pinned widget will be available on pin boards.

NOTE: Points to be considered.

• There is no support to pin the widgets, which is inside the combine widget.
• Initially, there will be no header present in the widgets inside the combine widget. If you need header, then you can enable it in the property panel for that specific widget.

Things which are not supported in combine widget:

1. Maximize the widget inside the combine widget.
2. Drag one combine widget over another combine widget.
3. Copy/Paste the combine widget when there is not enough space to be pasted.
4. Combine widget cannot be dropped from existing widgets panel when there is not enough space to be rendered.