Jessie Franklin uploaded new file 844_jswork.pdf
Modals & Popups
Easiest way to make your heading beautiful
Modals
Modals are very popular way to show information that need special attention.
Default Modal
This is default modal with header, content and footer.
Also header contains with close button.
Clean Modal
This is clean modal with content only.
It supports all features from template.
Disable Backdrop
Add data-backdrop="static" to your modal
to prevent close on click.
Modal Sizing
Use this features to get custom size of your modal window.
Small
Add class .modal-sm to get
small 400px width modal window.
Default
You dont need to add any class
to get default 600px width modal window.
Large
Add class .modal-lg to get
small 900px width modal window.
Full Width
Add class .modal-fw to get
small 94% width modal window.
Theme Colors
Its easy to style your modal with custom heading color.
Default
No need to add any class.
Primary
Add class .modal-primary.
Info
Add class .modal-info.
Success
Add class .modal-success.
Wraning
Add class .modal-warning.
Danger
Add class .modal-danger.
Popovers
You can show your secondary info in this tiny pop-up block.
Popover on top
Add data-placement="top" to
show your popover on top.
Popover On Left
Add data-placement="left" to
show your popover on left.
Popover on right
Add data-placement="right" to
show your popover on right.
Popover on bottom
Add data-placement="bottom" to
show your popover on bottom.
Dismissible
Add data-trigger="focus" to
hide element on focus out.
Show on hover
Add class .popover-hover to
show your popover on hover.
SweetAlert
A beautiful replacement for javascripts alert.
Basic
A basic message.
Title
A title with a text under.
State
A success message!.
Timer
A message with auto close timer.
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
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
Settings
Notification Settings
