Joomla Documentation

Usage

The plugin works in the content of Joomla! articles or any other element that supports Joomla! content plugins. For this, the plugin must be first installed using the Joomla Extension installer, then it has to be enabled in the Plugin manager. Once the plugin is ready, the next step is to apply a special tag in the Joomla article where you want to include the Modal window: Edit the Joomla article or content item with the editor of your choice, and enter a place holder tag such as the following one on any place of the document text:

{modal href="http://yoursite.com/images/image.jpg"}Click Here{/modal}

Then save your document and see it in your website's front-end page, the tag above will display a "Click here" link that in turn will display the image on URL "http://yoursite.com/images/image.jpg" inside a modal window. Using the same method, you can use almost any URLs to display content inside modal windows. Tip: To set a specific size for the modal window, edit your tag to look like this:

{modal href="http://yoursite.com/images/image.jpg" rel="{handler:'iframe',size:{x:800,y:600}}"}Click Here{/modal}

This will open the modal window with a size of 800 x 600 pixels.