Properties - Container Settings

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

This topic contains the following sections:

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