Predefined Modals in Fildisi

Anyone can “call” and use the predefined modals (popups) from any button. Let’s see how:

Add the Search Modal in a button

  1. Create the button you wish
  2. Add for the button link the #eut-search-modal
  3. Add the class eut-toggle-modal in the Button class name field

Add the Form Modal you have set in the Menu elements in a button

  1. Create the button you wish
  2. Add for the button link the #eut-menu-form-modal
  3. Add the class eut-toggle-modal in the Button class name field

Add the Form Modal you have set in the Left TopBar area in a button

  1. Create the button you wish
  2. Add for the button link the #eut-top-left-form-modal
  3. Add the class eut-toggle-modal in the Button class name field

Add the Form Modal you have set in the Right TopBar area in a button

  1. Create the button you wish
  2. Add for the button link the #eut-top-right-form-modal
  3. Add the class eut-toggle-modal in the Button class name field

Open the Sliding Hidden Area via a button

  1. Create the button you wish
  2. Add for the button link the #eut-sidearea
  3. Add the class eut-toggle-hiddenarea in the Button class name field

Add the Socials Modal you have set in the Menu elements in a button

  1. Create the button you wish
  2. Add for the button link the #eut-socials-modal
  3. Add the class euttoggle-modal in the Button class name field

Open Vimeo/YouTube video popup via a button

  1. Create the button you wish
  2. Add for the button link the video link eg. https://vimeo.com/144862059
  3. Add the class eutvideo-popup in the Button class name field

Have in mind that you can use any element with a link in order to open the modals (popups) you need, not only the button element. For example, you can achieve it with the Image with Link element. So, you just need a link and an extra class.

 

Was this article helpful?

Related Articles