Vizlib Home Try Vizlib

Vizlib Container Grid Properties - Appearance - Tabs

Each container mode has its own set of Appearance settings, so the settings in this article will only be displayed when you select the correct container mode. For more information about container modes, please see our article here


To display the settings in this article, select Tabs as your Container Mode in Container Settings.

Inactive Tab

With Inactive Tab settings (Figure 1) you can apply changes to the inactive (unselected) tab, setting the Font Color, Background Color, Background Opacity, Font Size, Font Style, and Border Color Properties

Figure 1: Inactive Tab

Back to Contents

Active Tab

The Active Tab settings (Figure 2) control the appearance of the active (selected) tab. You can set the Active Font Color, Active Background Color, Active Background Opacity, Active Font Size and Active Font Style

Figure 2:  Active Tab

You can also select the Active Border Style, the Active Tab Indicator, Indicator Position, Indicator Border Width and Indicator Color (Figure 3).


Figure 3: Active Border, Indicator

Back to Contents

The Navigation Bar is the area behind the container tabs. You can set the Navigation Background Color, Navigation Background Opacity, Navigation Border Style, Navigation Border Color, Navigation Border Width, Navigation Border Radius and the distance between tab in Separation with Tabs Space Between (Figure 4). 

Figure 4: Navigation Bar

Back to Contents

Tabs Settings

Tabs Settings (Figure 5) allow you to choose the Text Alignment, enable text wrapping with Overflow Text, and set the Hover Color and Hover Opacity

Figure 5: Tabs Setting

Back to Contents

Vizlib is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.