Vizlib Home Try Vizlib
Welcome
Login

Vizlib Container Grid Properties - Container Settings

Container Settings contain the basic configuration for the layout of the container object. 


TABLE OF CONTENTS


Container Mode


Vizlib Container Grid supports five types of Container Mode - Tabs, Accordion, Dropdown, Carousel and Hidden (Figure 1). Once you've selected a container mode you'll be able to see the layout and visibility settings. You'll be able to alter the look and feel in the Appearance section of the property panel. Each type of container has different Appearance settings, so we've included those in separate articles for AccordionCarouselDropdown, and Tabs 


Figure 1: Container Mode


Back to Contents


Tabs


Tabs settings (Figure 2) allow you to choose Responsive Mode, where you can select then size where the re-sized object converts to accordion. You can also select the Position for the layout, customize the Width of the object, and add a condition for displaying the object with Conditional Container Show

 

Figure 2: Tabs


Back to Contents


Accordion


Accordion layout settings (Figure 3) allow you to choose the Accordion Position, the Space-between size, and add a condition for displaying the object with Conditional Container Show.


Figure 3: Accordion


Back to Contents



Dropdown settings (Figure 4) allow you to select the Position for the layout, customize the Width of the object, and add a condition for displaying the object with Conditional Container Show.


Figure 4: Dropdown


Back to Contents



Carousel settings (Figure 5) let you choose a layout Position and a Horizontal Alignment, as well as and add a condition for displaying the object with Conditional Container Show.


Figure 5: Carousel


Back to Contents


Hidden Mode


With Hidden mode (Figure 6), you won't display any of the container mode options, although you can add a condition for displaying the object with Conditional Container Show.


Figure 6: Hidden


Back to Contents


Example


Figure 7 shows an example of a Vizlib Container Grid object in analysis mode, moving between the different container modes in a navigation menu on the left. 


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