Toggle
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.
Yes, you can utilize all available dynamic content options within the Toggle element content area.
Yes, you can have any number of Toggle element instances on the page, each with different content inside.
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%
Yes, you can. First, assign a unique Toggle ID in the element's "Settings" tab. The ID must start with a letter, as required by HTML standards. Below this field, enable the "Toggle Helper" option. Once enabled, you can trigger the Toggle element using a custom button or link with the following URL format: #fs-toggle=my-toggle-id (replace my-toggle-id with your actual Toggle ID). If you want to hide the default Toggle button, you can do so in the "Content" tab under the sublayout settings.
Yes, you can do that. Additionally, you have the option of selecting a custom icon to serve as the trigger for the Toggle element.
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