Vizlib Home Try Vizlib
Welcome
Login

Vizlib Container Grid Properties - Container Settings

TABLE OF CONTENTS


Container Mode

The Vizlib Container supports five different modes of container displays to choose from. Next to basic configuration settings such as layout and width, you can also choose from a list of pre-set container styles for each mode.

 



  • Container Mode

Choose from a list of available container modes which display the collection of master item charts in different ways: Tabs, Accordion, Dropdown, Carousel, Hidden.

  • Container Styles

Each container has its own pre-set style which customizes the container mode in a specific style. You can then continue modifying the style in the appearance section.

  • Container Layout

Each container mode has its own individual layout settings.


Back to Contents


Tabs


  • Position

Choose the Position: Left/ Top/ Right/ Bottom (Click on the boxes to select position).

  • Width

Define the width (with slider).

  • Alignment

Set the Vertical Alignment with top/ bottom position (Top/ Middle/ Bottom); 

and the Horizontal Alignment with right/ left position.



Example:


Back to Contents


Accordion


  • Positon
Choose between Vertical and Horizontal Position.
  • Space

Use the slider to define the space-between size. 

Examples


Horizontal


Vertical


Back to Contents



  • Position

Choose the Position: Left/ Top/ Right/ Bottom (Click on the boxes to select position).

  • Width

Define the width (with slider).

  • Alignment

Set the Vertical Alignment with top/ bottom position (Top/ Middle/ Bottom); 

and the Horizontal Alignment with right/ left position.


dropdown example:


Back to Contents



  • Position

Choose the Position: Left/ Top/ Right/ Bottom (Click on the boxes to select position).

  • Alignment

Set the Vertical Alignment with top/ bottom position (Top/ Middle/ Bottom); 

and the Horizontal Alignment with right/ left position.



Example:


Back to Contents


Hidden Mode


Example


Back to Contents

V
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.