Vizlib Container Grid Properties - Accordion Settings

Vizlib Team

Modified on: Tue, 16 Mar, 2021 at 3:09 PM

TABLE OF CONTENTS

Note! As the user, you have to select the Accordion before you can see it's settings in appearance.

Color Properties:

Set the Font Color of the inactive tabs.

Chose the Background Color of the inactive tabs.

Define the Background Opacity of the inactive tabs.

Font Properties:

Define the Font size of the inactive tabs.

Choose the Font Style ( Bold, Italic, Underlined) of the inactive tabs.

Border Color Properties:

Choose the Border Style (dotted/ dashed/ solid/ double/ none) of the inactive tabs.

Click on the Border to enable/ disable.

Define the Border Color.

Set the Border Thickness.

By changing the radius of the borders, you can make it square or circle shaped.

	Active Color Properties: Active Font Color Set the Font Color of the active tab. Active Background Color Chose the Background Color of the active tab. Active Background Opacity Define the Background Opacity of the active tab.
	Active Font Properties: Font Size Define the Font size of the active tab. Font Style Choose the Font Style ( Bold, Italic, Underlined) of the active tab.
	Border Color Properties: Border Style Choose the Border Style (dotted/ dashed/ solid/ double/ none) of the active tab. Border Selector Click on the Border to enable/ disable. Active Border Color Define the Border Color. Active Border Width Set the Border Thickness. Active Border Radius By changing the radius of the borders, you can make it square or circle shaped.
	Active Tab Indicator: Indicator- is a line, highlighting the active tab. Enable tab Indicators Indicator Position Choose the Indicator Position (Top/ Bottom/ Both). Indicator Border Width Set the Thickness for Indicators lines. Indicator Color Define the Indicators Color.