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 Video

Coming soon.

How to Guide

  1. Click the + icon above the Settings Gear icon in Titan Web. A list of elements will show.
  2. Select the Container option from the list.
  3. Click-and-drag the Auto-fit container to the canvas
  4. Click on 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.

  1. Alternatively, click the + icon above the Settings Gear icon in Titan Web. A list of elements will show.
  2. Select the Container option from the list.
  3. Click-and-drag the Stepper container to the canvas
  4. Click on 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
  1. Manually change the tags.
Note:

When changing the container type you will need to manually define conditions and actions that are triggered by or affected by the container you changed. For instance, if you configured stepper interactivity, you need to manually change that to tab interactivity. The Stepper Interactivity node doesn’t change to Tab Interactivity.

Hidden Title

Need more help?