PHPackages xirdion/contao-modal-bundle - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. xirdion/contao-modal-bundle ActiveContao-bundle[Utility & Helpers](/categories/utility) xirdion/contao-modal-bundle =========================== Add a modal (dialog) element to your web page. 1.0.4(3y ago)4617—0%1[3 issues](https://github.com/Xirdion/contao-modal-bundle/issues)AGPL-3.0-or-laterPHPPHP ^8.0 Since Mar 29Pushed 3y ago2 watchersCompare [ Source](https://github.com/Xirdion/contao-modal-bundle)[ Packagist](https://packagist.org/packages/xirdion/contao-modal-bundle)[ RSS](/packages/xirdion-contao-modal-bundle/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (12)Versions (6)Used By (0) Contao Modal Bundle =================== [](#contao-modal-bundle) [![Packagist Version](https://camo.githubusercontent.com/060d28550ab76f285fe7e0aa443b279bb54e0e9a96a1e0fd2dd24cc0b3765321/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f736f776965736f2f636f6e74616f2d6d6f64616c2d62756e646c653f6c6162656c3d76657273696f6e)](https://camo.githubusercontent.com/060d28550ab76f285fe7e0aa443b279bb54e0e9a96a1e0fd2dd24cc0b3765321/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f736f776965736f2f636f6e74616f2d6d6f64616c2d62756e646c653f6c6162656c3d76657273696f6e)[![Packagist Downloads](https://camo.githubusercontent.com/53d6da410675250cc639db2ba1f8943447da9ad597467c0c76cda0e35c85954e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736f776965736f2f636f6e74616f2d6d6f64616c2d62756e646c653f636f6c6f723d627269677468677265656e)](https://camo.githubusercontent.com/53d6da410675250cc639db2ba1f8943447da9ad597467c0c76cda0e35c85954e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736f776965736f2f636f6e74616f2d6d6f64616c2d62756e646c653f636f6c6f723d627269677468677265656e) This bundle adds the ability to show a **dialog element** in your Contao website. It uses the [HTMLDialogElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement) and its `showModal()` and `close()` methods to show and hide the content. Additional [attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role) are added in the HTML: ``` role="dialog" arialabelledby="" ariadescribedby="" ``` The element is available both as a **content element** and as a **module**. [![elements](./doc/modal_bundle_elements.png)](./doc/modal_bundle_elements.png) --- Content options --------------- [](#content-options) There are three options available for the modal's content. [![content_types](./doc/modal_bundle_content_types.png)](./doc/modal_bundle_content_types.png) ### Text and Image [](#text-and-image) Besides a heading, a text (TinyMCE) can also be added. Additionally, you have the possibility to select an image with image size. ### Image [](#image) Only one image with image size can be selected for the content. ### HTML [](#html) Custom HTML content can be inserted for the content. --- Opening options --------------- [](#opening-options) There are three different opening options available. [![opening_types](./doc/modal_bundle_opening_types.png)](./doc/modal_bundle_opening_types.png) ### Time [](#time) You can select an amount of seconds in the back end. After the page has been loaded the modal will show up automatically after the selected amount of seconds. Furthermore, you can select an amount of days for which the user should not see the modal anymore. ### Scroll position [](#scroll-position) If this option is selected, the modal will show up automatically if its section in the content is reached. Here, too, you have the option to specify the number of days that the user will not be interrupted afterwards. ### Button [](#button) If this option was selected, an additional button is shown in the front end. Clicking on the button will trigger the modal. --- Settings -------- [](#settings) There is an option **not to display** the modal **on certain pages**. Furthermore, a link can be stored. If you are on its target page, the modal is also not displayed. ### Health Score 26 — LowBetter than 43% of packages Maintenance5 Infrequent updates — may be unmaintained Popularity20 Limited adoption so far Community9 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~36 days Total 5 Last Release 1366d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/ffc913d0319d3971a6c2d2baf7e06a5bd17d662d8221fd08550b726dc2864339?d=identicon)[Xirdion](/maintainers/Xirdion) --- Top Contributors [![Xirdion](https://avatars.githubusercontent.com/u/17783055?v=4)](https://github.com/Xirdion "Xirdion (3 commits)") --- Tags contaomodaldialog ### Code Quality TestsPHPUnit Static AnalysisPHPStan Code StylePHP CS Fixer Type Coverage Yes ### Embed Badge ![Health badge](/badges/xirdion-contao-modal-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/xirdion-contao-modal-bundle/health.svg)](https://phpackages.com/packages/xirdion-contao-modal-bundle) ``` ### Alternatives [kartik-v/yii2-dialog An asset bundle for bootstrap3-dialog for Yii 2.0 framework. 496.2M18](/packages/kartik-v-yii2-dialog)[codefog/contao-haste haste extension for Contao Open Source CMS 42650.8k139](/packages/codefog-contao-haste)[madeyourday/contao-rocksolid-custom-elements Create your own, nestable content elements using a modular system. End the WYSIWYG chaos with your own content elements. 50341.9k12](/packages/madeyourday-contao-rocksolid-custom-elements)[codefog/contao-news_categories News Categories bundle for Contao Open Source CMS 3183.3k6](/packages/codefog-contao-news-categories)[terminal42/contao-folderpage Provides a new page type for Contao that allows you to group pages into folders. 18147.9k9](/packages/terminal42-contao-folderpage)[inspiredminds/contao-wowjs Integrates WOW.js for Contao content elements and form fields. 1813.0k](/packages/inspiredminds-contao-wowjs) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)