Change Container Type

Business Background

Easily switch between different container types for a customizable layout.

Titan Solution

Use the drop-down list to easily change the type of the container. The following two groups of containers can be changed:

• section, auto-fit container, and scroll containers.
• tab, accordion, stepper, and multi-step containers.

How to Guide

Change section, auto-fit container, and scroll containers as follows:

1. Click the + icon to open the list of elements.
2. Select the Container option from the list.
3. Click-and-drag the Auto-fit container to the canvas
4. Click the Gear icon of the container to open the Settings screen.
5. Click the Metadata option.
6. Use the Type drop-down list to select an option:
   • (Section) Container
   • Auto Fit Container
   • Scroll Containers

The container type changes.

Change tab, accordion, stepper, and multi-step containers as follows:

1. Click the + icon to open the list of elements.
2. Select the Container option from the list.
3. Click-and-drag the Stepper container to the canvas
4. Click the Gear icon of the container to open the Settings screen.
5. Click the Metadata option.
6. Use the Type drop-down list to select an option:
   • Tab Container
   • Accordion Container
   • Stepper Container
   • Multi Step Container

7. Manually change the tags.