Key Features

Simple Shortcode Syntax
- Easy-to-use shortcode format: {reveal text="Click Me"}...{/reveal}
- No coding knowledge required
- Perfect for content editors and non-technical users
- Built-in shortcode examples tab with copy-to-clipboard functionality

Fully Customizable Styling
- Control background overlay color for the modal backdrop
- Customize popup background color, text color, and close button color
- Adjust padding, margin, and border radius to match your design
- All styling options available in plugin parameters
- Perfect brand integration with your website

Flexible Modal Dimensions
- Set custom width and height for each modal individually
- Support for pixels or percentage-based sizing
- Responsive design that automatically adapts to different screen sizes
- Optimal viewing experience on desktop, tablet, and mobile devices

Multiple Modals Support
- Display multiple modals on the same page
- Each modal automatically gets a unique identifier
- No conflicts between different modals
- Perfect for galleries, product showcases, or multi-step processes

Rich Content Support
- Display any HTML content including text, images, forms, and videos
- Support for embedded videos (YouTube, Vimeo, etc.)
- Perfect for displaying articles, contact forms, image galleries, or custom content
- Full HTML formatting support

Smooth Animations
- Beautiful fade and pop animations for opening and closing modals
- Professional visual effects that enhance user experience
- Smooth transitions that don't distract from content
- Customizable animation speed

User-Friendly Controls
- Multiple close options: X button, click outside modal, or ESC key
- Full keyboard navigation support for accessibility
- Intuitive user interface that users recognize
- No learning curve for end users

Shortcode Examples Tab
- Built-in comprehensive shortcode examples
- Copy-to-clipboard functionality for easy implementation
- Examples for common use cases and advanced features
- Quick reference guide for all available options

Custom CSS Classes
- Add custom CSS classes to modal triggers for advanced styling
- Seamlessly integrate with your template's existing CSS framework
- Full control over button/link appearance
- Compatible with Bootstrap and other CSS frameworks

Optimized Performance
- Uses Joomla's WebAssetManager for optimal asset loading and caching
- Minimal JavaScript and CSS footprint for fast page loads
- Efficient code that doesn't slow down your site
- Assets only load when modals are present on the page

Security & Validation
- All user inputs are properly sanitized and validated
- Comprehensive protection against cross-site scripting (XSS) attacks
- Secure code following Joomla best practices
- Regular security updates

Joomla 4, 5 & 6 Compatible
- Full support for latest Joomla versions
- Modern PHP 8.0+ syntax and features
- Uses Joomla 4+ WebAssetManager for asset loading
- Future-proof design for long-term compatibility

Technical Details

Requirements
- Joomla 4.x, 5.x, or 6.x
- PHP 8.0 or higher
- jQuery (included with Joomla)

Installation
1. Install the plugin through Joomla Extension Manager
2. Enable the plugin in Extensions > Plugins
3. Configure styling options in plugin parameters
4. Use shortcodes in your articles or modules

Usage
Simply add shortcodes to your content:
{reveal text="Click Me" width="500px" height="400px"} Your modal content goes here. {/reveal}

Customization
- All colors, padding, margin, and border radius are configurable
- Custom CSS classes can be added to modal triggers
- Shortcode examples tab provides ready-to-use code
- Fully customizable to match your brand

Use Cases

• Content Display: Show additional information without leaving the page
• Image Galleries: Display images in elegant modal popups
• Contact Forms: Embed contact forms in modals for better UX
• Video Embeds: Display videos in modal windows
• Product Details: Show product information in popups
• Terms & Conditions: Display legal text in modals
• Newsletters: Embed newsletter signup forms
• Testimonials: Show customer testimonials in modals
• FAQ Sections: Display answers in modal popups
• Image Lightboxes: Create image lightbox galleries

Support

For support, documentation, and updates, please visit:
- Support: https://support.joomlax.com
- Store: https://joomlax.com

Version History

The plugin has been continuously updated to support the latest Joomla versions and includes regular security updates, bug fixes, and feature enhancements. Version 1.3 introduces Joomla 6 support, WebAssetManager integration, jx- prefix for better compatibility, shortcode examples tab, enhanced security, and improved code structure.