Download the PHP package pa3py6aka/yii2-modal-alert-widget without Composer
On this page you can find all versions of the php package pa3py6aka/yii2-modal-alert-widget. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download pa3py6aka/yii2-modal-alert-widget
More information about pa3py6aka/yii2-modal-alert-widget
Files in pa3py6aka/yii2-modal-alert-widget
Package yii2-modal-alert-widget
Short Description Modal alert widget for Yii2
License MIT
Informations about the package yii2-modal-alert-widget
Yii2 Modal Alert Widget
This widget show bootstrap modal or magnific popup when you set session flash message.
Supports all bootstrap versions - 3,4 and 5.
For magnific popups you must install magnific js before using this widget - http://dimsemenov.com/plugins/magnific-popup/
And for bootstrap modals of course you must set up bootstrap in your project.
Installation
Install with composer:
or add
to the require section of your composer.json file.
Usage
In controller set flash message:
In your layout view show this widget:
By default widget using bootstrap 4 modal. Use type
property to switch to another modal type:
You can set flashes with titles:
Available options
type
- Type of alert - bootstrap 3/4/5 jquery or magnific popup, defaults to bootstrap 4.
Bootstrap 5 type has two versions - with jQuery enabled and without jQuery.
Use declared constants to set type (like ModalAlert::TYPE_BOOTSTRAP_5_JQUERY
).
See available types in source code.
popupCssClass
- CSS class for modal(popup).
popupId
- Modal(popup) ID.
magnificPopupType
- Type of magnific popup, defaults to "inline". See available types in official magnific popup guide.
popupView
- Path to your custom view for render modal(popup). You can copy original view from vendor/pa3py6aka/yii2-modal-alert-widget/src/views
and customize it.
showTime
- Time in seconds after which the modal window will be automatically closed (0
means that modal will be closed only by user)
modalSize
- Bootstrap Modal size, available size modal-sm
, modal-lg
, modal-xl
, and modal-fullscreen
(for Bootstrap 5 only), default to ''
Example
Then, set flash:
And we get: