7
You have
12 pending
tasks
view all
just now
New user registered.
3 mins
Server #12 overloaded.
10 mins
Server #2 not responding.
14 hrs
Application error.
2 days
Database overloaded 68%.
3 days
A user IP blocked.
4 days
Storage Server #4 not responding dfdfdfd.
5 days
System Error.
9 days
Storage server failed.
3
You have
12 pending
tasks
view all
New release v1.2
30%
40% Complete
Application deployment
65%
65% Complete
Mobile app release
98%
98% Complete
Database migration
10%
10% Complete
Web server upgrade
58%
58% Complete
Mobile development
85%
85% Complete
New UI release
38%
38% Complete
3
You have
7 New
Messages
view all
Lisa Wong
Just Now
Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh...
Richard Doe
16 mins
Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh...
Bob Nilson
2 hrs
Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh...
Lisa Wong
40 mins
Vivamus sed auctor 40% nibh congue nibh...
Richard Doe
46 mins
Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh...
Nick
My Profile
My Calendar
My Inbox
3
My Tasks
7
Lock Screen
Log Out
Toggle Quick Sidebar
Dashboard
Default Dashboard
1
Dashboard 2
Dashboard 3
3
UI Features
Color Library
Metronic Grid System
General Components
Buttons
Spinner Buttons
Popover Confirmations
Bootstrap Sweet Alerts
Font Icons
Social Icons
Typography
Tabs, Accordions & Navs
Tree View
Google Maps
Vector Maps
Timeline 1
Timeline 2
Horizontal Timeline
Page Progress Bar - Flash
Page Progress Bar - Big Counter
Block UI
Bootstrap Growl Notifications
Notific8 Notifications
Toastr Notifications
Bootbox Dialogs
Metronic Alerts API
Session Timeout
User Idle Timeout
Modals
Extended Modals
Tiles
Date Paginator
Nestable List
Layouts
Light Mega Menu
Light Top Bar Dropdowns
Fluid Page
Fixed Top Bar
Fixed Mega Menu
Disabled Menu Links
Blank Page
Components
Components 1
Date & Time Pickers
Color Pickers
Select2 Dropdowns
Bootstrap Multiselect Dropdowns
Bootstrap Select
Bootstrap Multiple Select
Components 2
Select Splitter
Clipboard
Typeahead Autocomplete
Bootstrap Tagsinput
Bootstrap Switch
Bootstrap Maxlength
Components 3
Bootstrap File Input
Bootstrap Touchspin
Form Widgets & Tools
Context Menu
Markdown & WYSIWYG Editors
Components 4
Code Editors
Ion Range Sliders
NoUI Range Sliders
Knob Circle Dials
More
Form Stuff
Bootstrap Form
Controls
Material Design
Form Controls
Form Validation
Material Design
Form Validation States
Material Design
Form Validation
Form Layouts
Form Repeater
Form Input Mask
Form X-editable
Form Wizard
iCheck Controls
Image Cropping
Multiple File Upload
Dropzone File Upload
Tables
Basic Tables
Responsive Tables
Bootstrap Tables
Datatables
Managed Datatables
Buttons Extension
Colreorder Extension
Rowreorder Extension
Scroller Extension
FixedHeader Extension
Responsive Extension
Editable Datatables
Ajax Datatables
Portlets
Boxed Portlets
Light Portlets
Solid Portlets
Ajax Portlets
Draggable Portlets
Elements
Steps
Lists
Ribbons
Overlays
User Cards
Charts
amChart
Flot Charts
Flow Charts
Google Charts
eCharts
Morris Charts
HighCharts
HighCharts
HighStock
HighMaps
Pages
eCommerce
Dashboard
Orders
Order View
Products
Product Edit
Apps
Todo 1
Todo 2
Inbox
Calendar
Support
User
Profile 1
Profile 1 Account
Profile 1 Help
Profile 2
Login
Login Page 1
Login Page 2
Login Page 3
Login Page 4
Login Page 5
Login Page 6
Lock Screen 1
Lock Screen 2
General
About
Contact
Portfolio
Portfolio 1
Portfolio 2
Portfolio 3
Portfolio 4
Search
Search 1
Search 2
Search 3
Search 4
Search 5
Pricing
FAQ
Blog
Blog Post
Invoice
Invoice 2
System
Coming Soon
404 Page 1
404 Page 2
404 Page 3
500 Page 1
500 Page 2
Spinner Buttons
bootstrap spinner and progress bar buttons based on ladda bootstrap plugin
THEME COLORS
Default
Blue Hoki
Blue Steel
Orange
Yellow Crusta
Green Haze
Red Sunglo
Red Intense
Purple Plum
Purple Studio
LAYOUT
Layout
Boxed
Fluid
Top Menu Style
Dark
Light
Top Menu Mode
Fixed
Not Fixed
Mega Menu Style
Dark
Light
Mega Menu Mode
Fixed
Not Fixed
Home
UI Features
Spinner Buttons
Spinner Buttons
To use the spinner effect, please include these 2 classes:
.mt-ladda-btn
and
.ladda-button
to your button element. Then please include one of the many the spinner stlyes
data-style="expand-left"
to the button element. Finally, add a
span
tag with the class
.ladda-label
for the button label. For more info on spinner buttons, please visit:
http://msurguy.github.io/ladda-bootstrap/
Square Buttons
Click on buttons to view spinner in action
Buttons
Expand Left
Expand Right
Expand Up
Expand Down
Zoom In
Zoom Out
Slide Left
Slide Right
Slide Up
Slide Down
Contract
Outline Buttons
Expand Left
Slide Left
Slide Up
Contract
Icon Buttons
Expand Left
Expand Right
Expand Up
Expand Down
Zoom In
Slide Left
Slide Right
Slide Up
Slide Down
Contract
Button Sizes
Small
Large
Progress Button Spinners
Loading State
Loading State
Loading State
Loading State
Circle Buttons
Click on buttons to view spinner in action
Buttons
Expand Left
Expand Right
Expand Up
Expand Down
Zoom In
Zoom Out
Slide Left
Slide Right
Slide Up
Slide Down
Contract
Outline Buttons
Expand Left
Slide Left
Slide Up
Contract
Icon Buttons
Expand Left
Expand Right
Expand Up
Expand Down
Zoom In
Slide Left
Slide Right
Slide Up
Slide Down
Contract
Button Sizes
Small
Large
Progress Button Spinners
Loading State
Loading State
Loading State
Loading State
Users
2
Alerts
7
More
Alerts
Notifications
Activities
Settings
Staff
8
Bob Nilson
Project Manager
Nick Larson
Art Director
3
Deon Hubert
CTO
Ella Wong
CEO
Customers
2
Lara Kunis
CEO, Loop Inc
Last seen 03:10 AM
new
Ernie Kyllonen
Project Manager,
SmartBizz PTL
Lisa Stone
CTO, Keort Inc
Last seen 13:10 PM
7
Deon Portalatin
CFO, H&D LTD
Irina Savikova
CEO, Tizda Motors Inc
4
Maria Gomez
Manager, Infomatic Inc
Last seen 03:10 AM
Back
Bob Nilson
20:15
When could you send me the report ?
Ella Wong
20:15
Its almost done. I will be sending it shortly
Bob Nilson
20:15
Alright. Thanks! :)
Ella Wong
20:16
You are most welcome. Sorry for the delay.
Bob Nilson
20:17
No probs. Just take your time :)
Ella Wong
20:40
Alright. I just emailed it to you.
Bob Nilson
20:17
Great! Thanks. Will check it right away.
Ella Wong
20:40
Please let me know if you have any comment.
Bob Nilson
20:17
Sure. I will check and buzz you if anything needs to be corrected.
General
You have 4 pending tasks.
Take action
Just now
Finance Report for year 2013 has been released.
20 mins
You have 5 pending membership that requires a quick review.
24 mins
New order received with
Reference Number: DR23923
30 mins
You have 5 pending membership that requires a quick review.
24 mins
Web server hardware needs to be upgraded.
Overdue
2 hours
IPO Report for year 2013 has been released.
20 mins
System
You have 4 pending tasks.
Take action
Just now
Finance Report for year 2013 has been released.
20 mins
You have 5 pending membership that requires a quick review.
24 mins
New order received with
Reference Number: DR23923
30 mins
You have 5 pending membership that requires a quick review.
24 mins
Web server hardware needs to be upgraded.
Overdue
2 hours
IPO Report for year 2013 has been released.
20 mins
General Settings
Enable Notifications
Allow Tracking
Log Errors
Auto Sumbit Issues
Enable SMS Alerts
System Settings
Security Level
Normal
Medium
High
Failed Email Attempts
Secondary SMTP Port
Notify On System Error
Notify On SMTP Error
Save Changes
Purchase Metronic
Customer Reviews
Showcase
Changelog