< All Topics
Print

Tabs

Posted
Updated
Byjdisenso

Tabs allow you to offer a lot of content in a condensed space.

Example

Here is an example of a Tabs module. 

Adding Tabs & Step-By-Step Instructions

  1. You can add a Tabs module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the Tabs module.
  4. Select the Tabs module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Tabs module. This will be a blank slate. There won’t be any content.
  6. Under the Items tab, you can Add, Edit, Duplicate, Change Order or Delete slides. 
  7. If you choose Edit Item, a new dialogue box will open with options to change the Label and Content.
  8. Click Save. You’ll be redirected to the main Tabs dialogue box. Under the Style tab, you can edit several features, such as Layout, Label and Content styles.
  9. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements.
  10. When you’re finished editing, click the blue Done button in the upper right hand corner of the website.
  11. Select Publish to make your changes public. 

Editing Tabs

  1. You can edit a Tabs moduleby first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Tabs module you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes. Step-by-step instructions are listed above.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating Tabs

  1. You can duplicate a Tabs module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Tabs module. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting Tabs

  1. You can delete a Tabs module by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Tabs module you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (971) 332-5476 or [email protected] to learn more.

Table of Contents