Alerts - Messages & Notifications

Message boxes

Simple Alert

Alerts help to gain user attention and give feedback for proccessed task. These alerts are built with different background and borders to show


Warning: Your monthly traffic is reaching limit.
Success: The page has been added.
Info: You have 198 unread messages.
Danger: The daily cronjob has failed.

Animate your message box to again more attention from user

Message boxes

Descriptive Alerts

Need more description space? Change classes to alert-error alert-success alert-info alert-warning at ease with different customized color set.


Error!

Error-handling routine in x208888 and specifies the location of the routine within a procedure

Labels & badge

Simple Labels

A label, with optional background colors. Use the labelclass to create a label


DEFAULT VIEW HOLD ALERT SUCCESS SOLD

Badge Variations

A Badge, with optional background colors. Use the badgeclass to create a Badge

2   8   12   300   25   5  

Alerts & Notifications

Tool Tips

Tooltips can be a helpful way to provide information to visitors without creating clutter in a design. Tooltip plugin let’s you transform native tooltip’s into customizable overlays. You can adjust their content, position and appearance.


Simple Popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires Tooltip to be included.Four options are available: top, right, bottom, and left aligned.


Boostrap Modals

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.


Launch demo modal

Progressbars

Progess bar Colors

Progress bars comes with customized colors and transparent background that would fit any colored widget or portlet


Progess bar Sizes

We have customized progress bars size to be more elegant and intuitive


Meet Steve

Big Progress

Other Options

A cool animation that shows the progress bar is active, these coming in all 4 colours plus all sizes.


favourites
Jane Smith
Hello you there?
3
David Nester
Busy, Do not disturb
more friends
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb