Toggle component

save space on your pages by placing other components inside a Toggle component

  • hide content that doesn't always need to be on display
  • save space on your pages
  • organize content

With the Toggle component content can be organized, by putting it in a Toggle component. This allows you to hide content, that doesn't need to be on display all the time, which is also saving space on your pages.

on this page:
Component settings , Opens In New Window Front-end examples , Opens In New Window
Step by step , Opens In New Window

Introduction

The Toggle component consists of one or more Toggle Items, which can contain alsmost any common components. By addeing multiple Toggle Items you can categorize and organize your content. They can be set to be collapsed or expanded on default.

Glossary:

Example:

Component settings

The Toggle component itself doesn't actually need to be configured, only the Toggle Items need to be set up.

Once the Toggle component is placed the Toggle Items are available in the Toggle Menu in the Sidekick.

Double click on the blank Toggle Item to configure it.

tab: General

In the General tab of the Toggle Item, its title, ID and default display can be set up.

Now you can place a variation of different components inside the Toggle Item and add more Toggle Items underneath.

Front-end examples

Display

Step by step

1

2

3

Related topics