Advice and answers from the Buildify Team help center

A modal window  will be displayed in following situations:

  1. Timeout: will be displayed after the specified time.
  2. Window leave: will be displayed when the cursor leaves the window.
  3. Hover element: will be displayed on selected element hover.
  4. Click element: will be displayed on the selected element click.

Layout Settings

Next settings are available:

  • Set timeout (sec) - modal will be displayed with a selected timeout.
  • Set when to repeat the modal window.
  • Set repeat in time option - modal will be displayed again after the time has expired.
  • Choose horizontal position: center, top, bottom.
  • Set horizontal offset.
  • Choose vertical position: center, top, bottom.
  • Set vertical offset.
  • Set modal width.
  • Choose to close modal on outer click or not.
  • Show or hide close button.
  • Set columns gap.
  • Set modal's heigh.
  • Choose content position.

Style Settings

  • Set wrapped background color.
  • Choose modal background type, color and image.
  • Choose background overlay type.
  • Set color, size, margin and icon of the close button.
  • Set border type, radius and turn box shadow on or off.
  • Choose Shape divider type.
  • Typography - make color settings for heading, text, link, link hover. Set text alignment.

Advanced Settings

  • Advanced (padding, entrance animation, CSS ID, CSS classes).
  • Responcive:- Reverse column order - when the column order is reversed, so the last column appears on top and vice versa.- Visibility - hide or show it on a desktop, tablet, mobile.

Did this answer your question?