Atmos
Search
K

Alerts

Default Alerts

<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
A simple secondary alert—check it out!
</div>
<div class="alert alert-success" role="alert">
A simple success alert—check it out!
</div>
<div class="alert alert-danger" role="alert">
A simple danger alert—check it out!
</div>
<div class="alert alert-warning" role="alert">
A simple warning alert—check it out!
</div>
<div class="alert alert-info" role="alert">
A simple info alert—check it out!
</div>
<div class="alert alert-light" role="alert">
A simple light alert—check it out!
</div>
<div class="alert alert-dark" role="alert">
A simple dark alert—check it out!
</div>

Dismissable Alerts

<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>

Bordered Alerts

<div class="alert alert-border-info alert-dismissible fade show" role="alert">
<div class="d-flex">
<div class="icon">
<i class="icon mdi mdi-alert-circle-outline"></i>
</div>
<div class="content">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
</div>

Pinned Alerts

These alerts are pinned to body when they are trigger. they can be used for delivering contextual notifications on the panel
$('.admin-content').alertNotify({
message: "Alert Message it can contain html <b>Danger</b>",
type: "danger", //primary,danger,success,info,warning
dismiss: true // can be dismissed or not
});