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 Accordion, Carousel, Dropdown, and Tabs.
Figure 1: Container Mode
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
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
Dropdown
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
Carousel
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
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
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