Vizlib Community

Submit a ticket My Tickets
Welcome
Login

Vizlib Container - Container Settings

Container Settings


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.


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.



tabs example:

Accordion

  • Positon
Choose between Vertical and Horizontal Position.
  • Space

Use the slider to define the space-between size. 

accordion examples:

horizontal


vertical

Dropdown

  • 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:

Carousel

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



carousel example:

Hidden mode

example:
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.