Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

What is the Revealer widget?

Revealer Widget is used to implement pop-ups/ expandable - collapsible  blocks on the page.

Use as AccordionIn “Options” tab we have “Use as Accordion” which are useful when you want to toggle between hiding and showing large amount of content which get auto close when another one is

Automatic closure of the content when another content is being opened.

Repeat the first content inside the popup

When If the Revealer widget is used to configure the popup on the page then if the checkbox “Repeat as a popup and the "Repeat the first content inside the popup” is enabled then the first web-content is also visible inside in the popup" check box is selected, the first direct widget will also appear in the popup. 

Hide the first content

When the Revealer widget is used to configure the popup on the page then if the checkbox “hide the first content” is enabled then the first web-content will get hide which also not be shown inside the popup.

Use to toggle the block?

If you want to add By enabling this you can use a toggle (show/hide) ) on some block of the page.You can use this feature. Block should be wrapped with flex-box widget and it can be anywhere on the page.  for a container. A container should be wrapped with a container/Flexbox widget where the same naming is specified. It’s not necessary to add the block within revealer widget. It has various effects like toggling the block from left, right or at bottomthat container/flexbox inside the revealer widget.

How to create a popup?

  1. Add the Revealer Widget to your page
  2. Add the Web Content inside the Revealer Widget that you want to show inside the popup.
  3. Click on the 'edit' button of the widget. Here you can configure the settings of the Revealer Widget.
  4. Under the tab 'General' you can configure the text that should be shown when the user clicks on the link/button to reveal the content. This is mandatory to see the popup link/button.
  5. Enable the function 'Repeat the first content inside the modal'.
  6. Under the tab 'Options', enable the function 'Use as a popup' to create the popup function. Also enable 'Hide the first content'.
  7. You can also enable the function 'Use as a button' to show the popup link as a button instead of text.
  8. Save the page and check the results.

...