Modal Dialog Pro is unique because it focuses on applications. What does this mean?
It is designed to cover most, if not all, the use-cases that are associated with showing modal dialog popups. Want it to show after a user scrolls down the page halfway? Sure. How about after a certain amount of time has passed? Yep.
You can get Modal Dialog Pro to show when:
That is a sure attention-grabber.
Want to send the user to another page when the modal dialog is dismissed? No problem, this is easily done with Modal Dialog Pro.
Type of Modal: choose between the following:
When To Show: use this to control when to display the modal dialog.
BG Click To Close: if set to no, the modal dialog can only be closed by clicking the close button, or the OK and Cancel buttons.
Redirect On Close/Redirect Close: lets you redirect the user to another page when the modal dialog is closed.
Autoclose/Autoclose Time: lets you specify a time delay after which the modal dialog is automatically closed.
Width: on non-mobile browsers, this sets the width of the modal dialog to either Normal or Wider.
Overlay BG/Opacity: these options control the overlay background color and the overlay opacity.
Body BG: you can set the background color of the modal dialog's body area here.
Use Header/Header BG: if you want the modal dialog to have a header section, you can set it here.
Use Footer/Footer BG: if you want the modal dialog to have a footer section, you can set it here.
Use Caption: if you want the modal dialog to have a caption, you can set it here.
Close Button: choose between 2 different appearances of the Close button.
Close Color/Color Hover: these options affect the color of the Close button and the color of the Close button when the mouse is hovered over it.
Play Sound: choose Yes here to play a sound when the modal dialog is displayed. This will help in getting the attention of your viewers.
Sound File: enter the path or full URL of the sound file here. MP3s are preferred. To test, you can try pasting this in: http://www.cosculture.com/static/demo/modal-dialog-pro/modal_sound.mp3
Shift Workaround: in a few themes, there may be a slight shifting of the page when the modal dialog is showing. This slight shift recovers when the modal dialog closes. This option tells the modal dialog to attempt to work around that.
Let's assume you have some text on the page. This piece of text is what you want users to be clicking on.
Select the text you want to use as the trigger. The trigger is what the users will click on to make the Responsive Lightbox show up. Remember that this can also be an image.
In the URL field, add a "#". Then click on the "+" button, and add a name called "id" and a unique value in the value field. This unique value cannot have spaces.
Then click "Set Link".
Modal Dialog Pro can be triggered in a variety of ways to fit all kinds of use cases.
This demo is triggered manually by you clicking the demo link, but it could have been triggered when the page is loaded, or by the mouse leaving the window, or after the page has been scrolled, or after a set time has elapsed.