Versions Compared

Key

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

...

  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.

Simple Revealer

  1. Add the Revealer widget on the Page.
  2. Add two or more web-content inside the Revealer Widget.
  3. Configure the fields for "Show more" and "show less" in all the languages.
  4. Only the contents of first web-content will be revealed and others will be Visible on click of "Show more".


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.

How to create a FAQ?

  1. Add the Flexbox widget to your page. 
  2. Add the Revealer Widget inside the Flexbox widget.
  3. Click on the edit button of the Revealer widget. Here you can configure the settings of the Revealer Widget.
  4. Under the tab General you have to configure the question on “show less” and “show more” text field which should be the same text. This is mandatory to filled in to see question.
  5. Enable the function Use plus icon to see + or - icons.
  6. Under the tab Options, enable the function Use as show/hide to hide the answer from question.
  7. Add the Web Content inside the Revealer Widget that you want to show the answer.
  8. Save the page and check the result.

Click here to see FAQ configuration


How to Reveal the content?

  1. Add the Flexbox widget to your page. 
  2. Add the Revealer Widget inside the Flexbox widget.
  3. Click on the edit button of the Revealer widget. Here you can configure the settings of the Revealer Widget.
  4. Under the tab General you can configure the fields for “show more” and “show less” in all the languages.
  5. Under the tab Options, enable the function Use to toggle the block? to toggle the block. under that add the name to toggle (e.g: toggle block) also on which direction you need to toggle the block for that we have dropdown to choose.
  6. On Flexbox widget under the Linking Possibilities tab we have Reveal the content? checkbox enable it and enter the toggle block name which should be same which is configured on revealer widget (e.g: toggle block). Also,  you need to configure the toggle behaviour. 
  7. Save the page and check the result.


How to use as Accordion?

  1. Add the Flexbox widget to your page. 
  2. Add the Revealer Widget inside the Flexbox widget.
  3. Click on the edit button of the Revealer widget. Here you can configure the settings of the Revealer Widget.
  4. Under the tab General you can configure the fields for “show more” and “show less” in all the languages.
  5. Enable the function Use plus icon to see + or - icons if you want to add icons.
  6. Under the tab Options, enable the function 'Use as Accordian' to auto close when another one is opened.
  7. Under the tab Options, enable the function Use as show/hide to hide the content.
  8. Add the Web Content inside the Revealer Widget that you want to show the content.
  9. Save the page and check the result.

For eg: If we have six revealers in a Page, we just need to enable the use as accordion checkbox in every one of them, then it will work as auto close.

Click here to see Accordion configuration