pa3py6aka/yii2-modal-alert-widget

Modal alert widget for Yii2

Yii2 Modal Alert Widget

, _(*1)

This widget show bootstrap modal or magnific popup when you set session flash message., _(*2)

Supports all bootstrap versions - 3,4 and 5., _(*3)

For magnific popups you must install magnific js before using this widget - http://dimsemenov.com/plugins/magnific-popup/, _(*4)

And for bootstrap modals of course you must set up bootstrap in your project., _(*5)

Installation

Install with composer:, _(*6)

composer require pa3py6aka/yii2-modal-alert-widget

or add, _(*7)

"pa3py6aka/yii2-modal-alert-widget": "^1.4"

to the require section of your composer.json file., _(*8)

Usage

In controller set flash message:, _(*9)

Yii::$app->session->setFlash('success', 'My Message');

In your layout view show this widget:, _(*10)

<?php use pa3py6aka\yii2\ModalAlert; ?>
...
<?= ModalAlert::widget() ?>

By default widget using bootstrap 4 modal. Use type property to switch to another modal type:, _(*11)

<?p= ModalAlert::widget(['type' => ModalAlert::TYPE_BOOTSTRAP_5]) ?>

You can set flashes with titles:, _(*12)

Yii::$app->session->setFlash('error', [['My Title', 'My Message']]);

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., _(*13)

popupCssClass - CSS class for modal(popup)., _(*14)

popupId - Modal(popup) ID., _(*15)

magnificPopupType - Type of magnific popup, defaults to "inline". See available types in official magnific popup guide., _(*16)

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., _(*17)

showTime - Time in seconds after which the modal window will be automatically closed (0 means that modal will be closed only by user), _(*18)

modalSize - Bootstrap Modal size, available size modal-sm, modal-lg, modal-xl, and modal-fullscreen (for Bootstrap 5 only), default to '', _(*19)

Example

<?= ModalAlert::widget([
    'popupCssClass' => 'my-custom-class',
    'popupView' => '@app/views/common/my-custom-alert',
]) ?>

Then, set flash:, _(*20)

Yii::$app->session->setFlash('error', [['Terrible mistake!', "Sorry, you can't sign up, because your karma is very small"]]);

And we get: , _(*21)