Modal add-on

Create modal dialogs with different styles and transitions.

Create intuitive modal popups that contain conversion oriented messages. You can show them up with various animations on the click of a button, image, text, etc.

Modal Image Selector

Image ALT

Custom Content

Image ALT

Conference History

The origins of this conference can be traced to late 1995 when the U.S. Environmental Protection Agency first launched its Smart Growth Program. As part of this effort, the EPA sought to organize a national conference that would focus on environmentally sensitive growth and development.

In 2001, the LGC partnered with the Centers for Disease Control, the California Department of Transportation and Penn State University to produce a “first of its kind” national, multidisciplinary event titled “Redesigning Community: A Smart Growth Approach to Street and Neighborhood Design, Crime Prevention, and Public Health and Safety” in San Diego.

Learn More

Content Fields

Here is a list of common content fields for Modal add-on.

Setting Description
Modal Selector Select a text or image type of modal selector from the list
Button text A text field used for button of the modal
Button Style Set the button style.
Button Size Choose button size
Modal content type Select the modal content type like text or image/video

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

Information

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. WarpTheme.com is not affiliated with or endorsed by Open Source Matters or the Joomla! project