AlertifyJS / Улучшение / Плагины Bootstrap

Версия: v1.13.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, Vue, React, Laravel, Angular

Язык: Английский

Вес файла: 955.4 Kb

Уникальный ID: 4064

Посмотрели: 1158 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 25 раз

Прокомментировали: 0 раз

Рейтинг: 4.2 / 5 - 5 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/MohammadYounes/AlertifyJS

Информация: Пользователям

Информация: Правообладателям

Теги: Plugin, Alerts, Bootstrap, alertify, alert

Поделился: BootstrapТема

Добавлено: 2020-10-25 в 19:34

Метка: 1603643698

⇄ ⇅

.alertify input {
 border: 2px solid #9ca8b3;
}

.alertify-logs > .success {
 background-color: #02c58d;
 color: #ffffff;
}

.alertify-logs > .error {
 background-color: #fc5454;
 color: #ffffff;
}

.alertify-logs > *, .alertify-logs > .default {
 background-color: #30419b;
}
</style>
<div class="container-fluid">

<div class="row">
 <div class="col-12">
 <div class="card m-b-30">
 <div class="card-body">
 
 <div class="row text-center">
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Alert Dialog</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-alert">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Confirm Dialog</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-confirm">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Prompt Dialog</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-prompt">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Custom Labels</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-labels">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Ajax - Multiple Dialog</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-ajax">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Standard Log</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-notification">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Standard Log With HTML</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-notification-html">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Standard Log with callback</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-notification-callback">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Success Log</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-success">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Success Log with callback</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-success-callback">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Error Log</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-error">Click me</button>
 </div>
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Error Log with callback</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-error-callback">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Closing Log On Click</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-click-to-close">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Disable Log On Click</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-disable-click-to-close">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Hide in 10 seconds</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-delay">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Persistent Log</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-forever">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Maximum Number of Log Messages</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-max-log-items">Click me</button>
 </div>
 
 <div class="col-sm-6 col-md-4 col-xl-3 m-b-30">
 <p class="text-muted">Resetting Default Values</p>
 <button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-reset">Click me</button>
 </div>
 
 </div> 
 
 </div>
 </div>
 </div> 
 </div>

</div>

BootstrapTema

AlertifyJS

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0