EJM - Easy Joomla Modals

Create modern, accessible and highly flexible modal windows for Joomla! 6!

Easy Joomla Modals Pro is the initial Joomla! 6 release of a completely new modal solution, rewritten from scratch with modern PHP 8.3, Joomla! 6 MVC patterns, value objects and a Vite-built ES module frontend.

The extension consists of a backend component for managing modal items and a system plugin that evaluates rules and injects eligible modals on the frontend. This means modal windows are loaded only when they match the current page and visitor context.

Easy Joomla Modals Pro combines flexibility, performance and accessibility in one package. Administrators can define modal content, trigger behaviour, audience rules, effects, display options, and suppression logic for a wide range of real-world use cases, such as welcome messages, newsletters, login prompts, announcements, marketing banners, or media overlays.

The modal engine is powered by a11y-dialog – a fast, tiny (~1.5 kB) and extensively tested open-source library that implements the Dialog (Modal) pattern from the WAI-ARIA Authoring Practices Guide. It provides built-in focus trapping, keyboard navigation, ARIA role management, and alert dialog support out of the box. Because it is completely unopinionated about styling, EJM retains full control over appearance and animation effects. A clean event API makes it straightforward to react to open and close state changes.

Features

• Native Joomla! 6 modal system – modern backend management combined with a frontend system plugin injector.
• Five content types – custom HTML, Joomla article, module, image and video.
• Four trigger types – all pages, front page only, specific menu items and exit intent.
• Optional trigger delay – modal opening can be delayed by a configurable number of milliseconds.
• Fine-grained assignment rules – target by audience, device type, viewport width, URL patterns, access level, language, priority and publish scheduling.
• Two layouts – default and borderless. Borderless strips all container chrome: transparent background, no border-radius, no box-shadow, no header, no body padding. Close button rendered as circular dark overlay pill at top-right of content.
• Twelve position presets – center (default), full center, top left, top center, top right, middle left, middle right, bottom left, bottom center, bottom right, notification top and notification bottom
• Twelve animation effects – none, blur, fade, zoom-in, zoom-out, slide-down, slide-up, slide-left, slide-right, flip-x, flip-y and rotate.
• Accessibility-first implementation – based on a11y-dialog with focus trapping, ARIA roles and keyboard navigation.
• Four frequency modes – always, once per session, permanently and every N days.
• AJAX or inline loading – load content on demand or pre-render directly into the page HTML.
• AJAX form compatibility improvements – forms inside AJAX-loaded modals can redirect correctly after submission.
• Responsive targeting – device filters and viewport min/max rules for better control on desktop, tablet and mobile.
• Configurable display options – modal width, title visibility, close button, overlay close, ESC close and auto-close timing.
• Privacy-enhanced video support – supports YouTube with optional nocookie mode, Vimeo and self-hosted MP4 videos.
• Lightweight frontend approach – pure CSS effects, no unnecessary JS animation library and no Bootstrap dependency.
• Full language support – en-GB and de-DE language files included.

Installation

Install Easy Joomla Modals Pro with the Joomla! installer as usual.

The package includes the component and the required system plugin. After installation, modal items can be managed in the backend component, while the system plugin handles frontend rule evaluation and output.

The installer script automatically installs and enables the bundled system plugin.

Usage

Create a new modal item in the backend, choose the desired content type, configure the trigger and assignment rules, define the display and frequency options, and publish the modal.

Depending on your setup, modals can display:

• Custom HTML – directly written in Joomla!'s editor.
• Articles – render Joomla! articles, including intro-only mode.
• Modules – render published modules such as login or newsletter modules.
• Images – show images from Joomla!'s Media Manager with alt text and captions.
• Videos – display YouTube, Vimeo or self-hosted video content.

The system plugin then evaluates the configured rules on the frontend and injects only the modals that are eligible for the current request.

Changelog

Latest release

Version 6.0.1.0-PRO - 2026-04-23

• + New modal position system with 12 presets added – modals can now be displayed in twelve different predefined screen positions, including centered, corner, edge and full-width notification layouts for much more flexible presentation options. Thanks to z0r0z (Marcel) for requesting it!
• + Additional full-screen and notification bar layouts supported – the new positioning system includes a full viewport mode as well as top and bottom notification bar variants for more modern and dynamic modal use cases.
• + Responsive positioning behaviour improved – corner-based modal layouts now automatically fall back to a centered presentation on very small screens to ensure better usability on mobile devices.
• + New borderless layout option added – a new layout mode allows modals to be displayed without container chrome, including transparent background, removed padding, hidden header and a cleaner visual presentation for media-focused or minimal modal designs. Thanks to z0r0z (Marcel) for requesting it!
• + Borderless close button styling introduced – in borderless mode, the close button is rendered as a compact circular overlay element in the top-right corner of the content for a modern and unobtrusive appearance. Thanks to z0r0z (Marcel) for requesting it!
• + Admin configuration improved for layout handling – the title field is now automatically hidden when the borderless layout is selected, creating a cleaner and more intuitive configuration workflow in the backend.
• ^ Dependency update applied – the bundled mobiledetect/mobiledetectlib library was updated from version 4.8.10 to 4.10.0.
• ^ Security token handling relaxed and improved – blocked license states no longer modify the extension status or stored configuration data. Instead, the extension configuration remains untouched, and users are only redirected with an error message, resulting in a safer and less invasive handling process.

Download

Overview of all downloads of the extension: EJM - Easy Joomla Modals Downloads