Status Bar

Notify your customers in new way.

Basic Features

Use this feature for notification or info presentation.

Default

Default status bar with text

Open Status Bar
Loading

Status bar with loading

Open Status Bar
With Icon

Status bar with icon

Open Status Bar
Form

Status bar with form elements

Open Status Bar
States

Add classes to get another state color.

Info

Success status bar

Open Status Bar
Success

Success status bar

Open Status Bar
Warning

Warning status bar

Open Status Bar
Danger

Danger status bar

Open Status Bar
Options

Change some options to make it usefull.

Top Direction

Add class .app-statusbar-top top get top direction.

Open Status Bar

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Loading...
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Success statusbar
Warning statusbar
Info statusbar
Danger statusbar
Lorem ipsum dolor sit amet, consectetur adipiscing elit.