Properties - Appearance

Vizlib Container Box allows you to have numerous tabs with different visualisations open in a single container. To switch between the tabs, displaying its different visualizations, simply click the tab you want to display. Style the container tabs by customizing elements such as position, size, style and colors.

This topic contains the following sections:

Tab Position

There are five alternative tab placements:

  1. Top Dropdown

  2. Top

  3. Left

  4. Right

  5. Below

Tab Size/Tab Text Size

It's possible to change the size of the tab row with two options. Default and recommended size is medium for both settings.

Tab Text Size
Option Description
S Small text size
M Medium text size
L Large text size

Tab Size
Option Description
S Small text size
M Medium text size
L Large text size

Tab Alignment

The tabs can be aligned to the right, middle and to the left.

Right Middle Left

Colors, Underlining and Icons

There are options for changing the color of the tab row background, the active tab/text and for the inactive tab/text. Simply navigate to Appearances > Colors and choose which of the elements you want to style.

Just as simple you can choose to underline the chosen tab by navigating to Appearances > Layout Settings > Show underline and toggle it on or off to your liking.

Choose between only having an icon representing each tab, or include the text before or after the icon. Navigate to Tabs > Tab Title/Icon Placement.