1. Go to this page and download the library: Download phpnt/bootstrap-notify library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
phpnt / bootstrap-notify example snippets
...
public function actionBootstrapNotify()
{
// Создание уведомления с минимальными параметрами
\Yii::$app->session->set(
'message',
[
'type' => 'success',
'message' => 'Сообщение',
]
);
// Создание уведомления с расширенными параметрами
\Yii::$app->session->set(
'message',
[
'type' => 'info', // класс сообщения (success, info, warning, danger)
'icon' => 'glyphicon glyphicon-ok', // картинка перед сообщением, тип смотрим ниже
'icon_type' => 'class', // тип иконки в данном случае это класс bootstrap иконки,
// для картинки image, а в icon указываем путь до картинки
'title' => '<strong style="margin-left: 10px;">Спасибо</strong>', // заголовок
'message' => 'Сообщение', // текст сообщения
'element' => 'body', // к какому элементу применяется уведомление
'position' => 'absolute', // позиция контейнера элемента (static | fixed | relative | absolute)
'allow_dismiss' => '0', // позволять пользователю закрывать уведомление (1 - да, 0 - нет)
'newest_on_top' => '0', // новое уведомление заменяет старое (1 - да, 0 - нет)
'showProgressbar' => '0', // показывать прогресс бар (1 - да, 0 - нет)
'url' => 'http://phpnt.com/', // ссылка
'target' => '_blank', // target ссылки
'placement_from' => 'bottom', // позиция по вертикали (top или bottom)
'placement_align' => 'center', // позиция по горизонтали (left, center или right)
'offset' => 20, // смещение от свойства placement_align (если left - смещение от левого края)
'offset_x' => 20, // растояние между элементами уведомлений по оси x в писелях
'offset_y' => 20, // растояние между элементами уведомлений по оси y в писелях
'spacing' => 20, // расстояние между блоками
'z_index' => 1031, // z-index
'delay' => 5000, // время показа уведомления
'animate_enter' => 'animated fadeIn', // анимация для начала показа
'animate_exit' => 'animated fadeOut', // анимация для конца показа
'template' => '<div data-notify="container" class="col-xs-11 col-sm-3 alert alert-{0}" role="alert"><button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button><span data-notify="icon"></span><span data-notify="title">{1}</span><span data-notify="message">{2}</span><div class="progress" data-notify="progressbar"><div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div></div><a href="{3}" target="{4}" data-notify="url"></a></div>',
// шаблон сообщения, здесь {0} = type, {1} = title, {2} = message, {3} = url, {4} = target
]
);
return $this->render('bootstrap-notify');
}
use phpnt\bootstrapNotify\BootstrapNotify;
php composer.phar
Loading please wait ...
Before you can download the PHP files, the dependencies should be resolved. This can take some minutes. Please be patient.