Modern dialog boxes and popup windows for your website
Bootstrap 4 Modals Version 2 comes with totally revamped UI Controls and many new options like more modal sizes, scrollable body and static backdrop option.
Modals are initial part of Bootstrap 4 framework and they're the easiest way to tell your users something important, let them like your Facebook page, subscribe for updates... any content you need! You can even put Forms, Video Player, Swiper, Google Maps or Medium Editor inside! Modals are fully compatible with App Connect dynamic events so you can show, hide or toggle them when needed. Also you can run actions when the modal is shown or after it is hidden.
Thanks to Bootstrap 4, modals are fully compatible with any device and screen size. You got the controls in your hands - change colors, size, fade animation, align, auto show, backdrop, etc.
Modals are suitable for alerts, login or signup form, user notifications or other custom content - videos, maps, swiper gallery etc.
Great Way to Communicate With Users
Facebook like box, Follow Us on Twitter? Modals is the easiest way to tell your users something important or just let them agree with some Terms and Conditions...
Fully Customizable
You got the controls in your hands - wide variety of options available, e. g. colors, size, fade, align, auto show, backdrop, and more!
Great Bootstrap 4 UI Components
You can use modals on any website - it's trendy and very stylish!
Different Sizes
There are 4 modal sizes available - default, small, large and extra large. Just elect the one that suits your page design!
Mobile-first and Fully Responsive
Thanks to the great Bootstrap 4 framework, all the modals fit perfectly to any device!
Control with App Connect Dynamic Events
Set dynamic events using App Connect, e. g. close the modal on submit, open modal with certain action, etc.
Scrollable Modals
You can create scrollable modals that allows users to scroll the modal body, when the modal content is long.
Awesome Dreamweaver Live View Integration
It's awesome how Modals is integrated into Live View of Dreamweaver. Just try it!
Features
Great modals on every website
Modals are best dialog boxes for notifications, alerts, login or signup form ... or whatever content you want!
Redesigned UI Controls
Bootstrap 4 Modals V2 comes with a new, modern, easy to use UI and revamped controls.
Great Customization Options
Easily customize header, footer or body background and text colors.
Live View Integration
Preview the modals in DW Live View. So easy to customize and time-saving as well!
Control via Dynamic Events
Easily show, hide, toggle or update modal by using App Connect dynamic events.
Scrollable Modal Content
You can create a scrollable modal that allows users to scroll the modal body, when the modal content is long.
Combine With Other Extensions
Modals work great with different App Connect extensions - Swiper, Maps, Forms, Video Player or Medium Editor.
Control Other Components
Control other App Connect components when the modal is shown or after it's hidden.
Latest updates thanks to the great Wappler community
Version 4.4.1
Updated Bootstrap 4 to the latest version 4.4.1
Version 4.3.1
The new major Version 2 release! Now with:
Totally revamped UI Controls and many new options like more modal sizes, scrollable body and static backdrop option.
Add modern and stylish dialog boxes on any page! Show any content inside them: notification text, registration or login form, image gallery or google maps - everything is possible! Style your modals easily, using the modern UI controls, choose one of the four available sizes, that suits best your site design. Modals are fully compatible with App Connect dynamic events so you can show, hide or toggle them when needed. Also you can run actions when the modal is shown or after it is hidden.
All of this, thanks to Wappler and its awesome community!
Redesigned UI - Bootstrap 4 version 2 comes with a totally redesigned, modern and easy to use UI
Revamped UI Controls - Easily adjust properties like size, offset or order using slider controls. Just drag the slider to adjust!
New Flexbox Controls - Adjust the direction, align, justify content and other Flexbox options by simply clicking an icon.
New Content Layout Presets - Select a layout template for columns and rows! Just click on any of the icons to select a preset.
New Rich Text Styling Controls - Visually adjust options like align, font weight, text transform, text styling or color
New Visual Margin and Padding Controls - Click and drag the margin and padding controls in order to select a value.
New Content Templates - Quick start Content Templates offer you different forms and inputs fields, content elements and footers with a single click!
Auto Detect Device Size - The device size selected in Dreamweaver is automatically detected and the adjustments will be added for its media query only. Icons in the properties panel show what device size are you working on currently.
Version 4.1.1
Compatibility improvements with the latest Bootstrap 4.1.1
Added support for Bootstrap 4 Dynamic Form Generator
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.
George is also the founder of Wappler.io - the most Advanced Web & App Builder