Tab Containerdis_label.png

This widget is used as a container for other widgets. Tabs can also contain other tabs.

The tab container cannot be connected to a RTDB variable.

tabcontainer2.png

Geometrytabprop.png

See Geometry.

Font

Title Font

This is the font used to display the text for the tab.

Tab Placement

Placement

The location for the tab(s) in this container; top,left,bottom,right.

Tabs

The various tabs to define for this container.

You can add/delete tabs to/from the container by clickin on the  button. The following dialog will appear:

Each tab has the following properties:

Title

This this the text that will be displayed in the tab.

Background Color

The background color to use to paint this tab.

Background Image

The image to display in the background if any. Clear the field and leave empty for no background image. Click on the button to open the dialog to pick the image file.

Stretch Image

Whether to stretch the background image to fill the tab background. If not set, the image is display with its native resolution.

Transparency

The background transparency (image and color) for the tab background. Use a value of 0 for completely transparent and 1.0 for opaque.

x,y Image origin

A pair of value to set the offset at which to display the image when the background image is not stretched.

Examples

In this example, tab purple contains another tab container with 2 sub tabs; Sub Tab #1 and Sub Tab #2.

    Tab purple is defined with a transparency of 0.8 and the car image as a background. Because of a non zero transparency, both the image and the background color allow the display background image -dashboard- to show through
  • Sub Tab #1 is blue with a transparency of 1.0 and so it is opaque.
  • Sub Tab #2 is aqua with a transparency of 0.9 and so both the display and the containing tab backgrounds show.

 

previous page  Slider Image   next page