MENU

Tabbed Sections with Containers Responsive Element

Element Information

This element allows you to insert other elements inside the sections of a Tab element.

Tutorial

Inserting the Element

  1. Click the "Click to insert new element" link.

  2. Click on "Responsive Elements" to expand that section.

  3. Click on "Tabbed Sections (Containers)".

  4. Click "Click here to define the custom element data".

  5. Enter the number of tabs desired, and select desired style. Click Save.

Tabbed Sections Headers and Content

  1. Click on "Click here to define the Simple Text Block (without header) element".

  2. Type in text for tab heading. Click "Save".

    For a formatted tab header, you may include HTML in the Simple Text Block.

    For a brief introduction to HTML headers, you may read the following:
    To learn more about HTML, Lynda.com has several tutorials available free to ECU users. Login here for access: http://www.ecu.edu/itcs/lynda/.
  3. Inside the Tab's container, click "Click to Insert New Element".

  4. Choose desired element for that section.
To see the container for another section, click on the tab area for that section. The tab you are working in will be highlighted (see the first tab in the previous image for an example).

Example of Tabbed Sections with Containers