Buttons metronic & bootstrap style buttons, dropdowns, dropdown buttons, icon buttons, social icons, toolbars and more

THEME COLORS

  • Default
  • Blue Hoki
  • Blue Steel
  • Orange
  • Yellow Crusta
  • Green Haze
  • Red Sunglo
  • Red Intense
  • Purple Plum
  • Purple Studio

LAYOUT

  • Theme Style
  • Layout
  • Top Menu Style
  • Top Menu Mode
  • Mega Menu Style
  • Mega Menu Mode
Buttons tasks summary...
Actions

Default Bootstrap Buttons(Customized to Match Theme Style)

Metronic Custom Buttons

Metronic Outline Buttons

More Button Colors(go to ui_colors.html for more colors)

Button Stripe

Red Blue Green Yellow Purple Green Dark

Disabled

Default Red Blue Green Yellow Purple Dark

Button Sizes

Button Tags

Link

Block Buttons

Link
Iconic

Navigation Large Icons Buttons

Submit Submit Submit Submit

Navigation Large Icons Only Buttons

Navigation Block Large Icons

Link

Navigation Defualt Icons Buttons

Submit Submit Submit Submit

Navigation Defualt Icons Only Buttons

Navigation Block Defualt Icons

Link
Font Awesome Styled Buttons
Users
2
Products
4
Reports
Categories
Calendar
4
Inbox
12
Notification
3
Locations
Finance
Projects
21
Feedback
2
Servers
2
Regions
Popularity
221
List Social Icons(UL)
Inline Social Icons
Social Icons(Colored)
Inline Social Icons(Colored)
Button Groups

Basic Example

Button Toolbar

Button Group Sizing

Nesting Button Group

Vertical variation

Justified Link Variation

Left Middle Right
Left Middle Right
Dropdowns
Button Dropdowns

Default Bootstrap Style

Metronic Style

Dropdowns with Multilevel Submenu

Sizing

Dropup

Hoveralbe Dropdowns

Dropdown with Checkboxes & Search Form

NOTE:   By adding hold-on-click class you can avoid closing the dropdown on click

Dropdown with Radio Buttons

NOTE:   By adding hold-on-click class you can avoid closing the dropdown on click
Button States

Loading State

Single Toggle

Checkbox

Radio

Buttons tasks summary...
Actions

Default Bootstrap Buttons(Customized to Match Theme Style)

Metronic Custom Buttons

Metronic Outline Buttons

More Button Colors(go to ui_colors.html for more colors)

Button Stripe

Red Blue Green Yellow Purple Green Dark

Disabled

Default Red Blue Green Yellow Purple Dark

Button Sizes

Button Tags

Link

Block Buttons

Link
Iconic

Navigation Large Icons Buttons

Submit Submit Submit Submit

Navigation Large Icons Only Buttons

Navigation Block Large Icons

Link

Navigation Defualt Icons Buttons

Submit Submit Submit Submit

Navigation Defualt Icons Only Buttons

Navigation Block Defualt Icons

Link
Font Awesome Styled Buttons
Users
2
Products
4
Reports
Categories
Calendar
4
Inbox
12
Notification
3
Locations
Finance
Projects
21
Feedback
2
Servers
2
Regions
Popularity
221
List Social Icons(UL)
Inline Social Icons
Social Icons(Colored)
Inline Social Icons(Colored)
Button Groups

Basic Example

Button Toolbar

Button Group Sizing

Nesting Button Group

Vertical variation

Justified Link Variation

Left Middle Right
Left Middle Right
Dropdowns
Button Dropdowns

Default Bootstrap Style

Metronic Style

Dropdowns with Multilevel Submenu

Sizing

Dropup

Hoveralbe Dropdowns

Dropdown with Checkboxes & Search Form

NOTE:   By adding hold-on-click class you can avoid closing the dropdown on click

Dropdown with Radio Buttons

NOTE:   By adding hold-on-click class you can avoid closing the dropdown on click
Button States

Loading State

Single Toggle

Checkbox

Radio

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

System

General Settings

  • Enable Notifications
  • Allow Tracking
  • Log Errors
  • Auto Sumbit Issues
  • Enable SMS Alerts

System Settings

  • Security Level
  • Failed Email Attempts
  • Secondary SMTP Port
  • Notify On System Error
  • Notify On SMTP Error

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.

Subscribe Email

Follow Us On

Contacts

Phone: 800 123 3456
Email: info@metronic.com
2016 © Metronic Theme By Keenthemes  |  Purchase Metronic!