Atmos
Search…
Alerts

Default Alerts

1
<div class="alert alert-primary" role="alert">
2
A simple primary alert—check it out!
3
</div>
4
<div class="alert alert-secondary" role="alert">
5
A simple secondary alert—check it out!
6
</div>
7
<div class="alert alert-success" role="alert">
8
A simple success alert—check it out!
9
</div>
10
<div class="alert alert-danger" role="alert">
11
A simple danger alert—check it out!
12
</div>
13
<div class="alert alert-warning" role="alert">
14
A simple warning alert—check it out!
15
</div>
16
<div class="alert alert-info" role="alert">
17
A simple info alert—check it out!
18
</div>
19
<div class="alert alert-light" role="alert">
20
A simple light alert—check it out!
21
</div>
22
<div class="alert alert-dark" role="alert">
23
A simple dark alert—check it out!
24
</div>
Copied!

Dismissable Alerts

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

Bordered Alerts

1
<div class="alert alert-border-info alert-dismissible fade show" role="alert">
2
<div class="d-flex">
3
<div class="icon">
4
<i class="icon mdi mdi-alert-circle-outline"></i>
5
</div>
6
<div class="content">
7
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
8
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
9
<span aria-hidden="true">&times;</span>
10
</button>
11
</div>
12
</div>
13
14
</div>
Copied!

Pinned Alerts

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