Skip to main content


How do I add content to the Toggle component?

To add content to the Toggle element, utilize any of the available builder elements within YOOtheme Pro. Simply select the desired elements and arrange them to create your toggled content.

Can I use dynamic content in the Toggle element?

Yes, you can utilize all available dynamic content options within the Toggle element content area.

Can I use multiple Toggle element instances on the page?

Yes, you can have any number of Toggle element instances on the page, each with different content inside.

Which animation modes are available?

There are several animation modes available for the Toggle element:

  • Fade
  • Scale Up
  • Scale Down
  • Slide Top Small
  • Slide Bottom Small
  • Slide Left Small
  • Slide Right Small
  • Slide Top Medium
  • Slide Bottom Medium
  • Slide Left Medium
  • Slide Right Medium
  • Slide Top 100%
  • Slide Bottom 100%
  • Slide Left 100%
  • Slide Right 100%
Can I hide a toggle button and trigger the Toggle element from a custom button?

Yes, you can achieve this by setting a static ID for the Toggle element and hiding the default toggle button. Then, create a custom button with a "uk-toggle" attribute and use the static ID as a link with the leading # symbol.

Can I use an icon without text to trigger the Toggle element?

Yes, you can do that. Additionally, you have the option of selecting a custom icon to serve as the trigger for the Toggle element.

How can I add a Zoolanders Form Builder elements in the Toggle?

To achieve this, you should first add a Sublayout element within the Toggle element. The Sublayout element typically includes an option to define a Form Area. Once you've set up the Sublayout element, you can proceed to build the form inside it