AdminLTE
Toggle navigation
  • 4
    • You have 4 messages
      • User Image

        Support Team 5 mins

        Why not buy a new awesome theme?
      • user image

        AdminLTE Design Team 2 hours

        Why not buy a new awesome theme?
      • user image

        Developers Today

        Why not buy a new awesome theme?
      • user image

        Sales Department Yesterday

        Why not buy a new awesome theme?
      • user image

        Reviewers 2 days

        Why not buy a new awesome theme?
    • See All Messages
  • 10
    • You have 10 notifications
      • 5 new members joined today
      • Very long description here that may not fit into the page and may cause design problems
      • 5 new members joined
      • 25 sales made
      • You changed your username
    • View all
  • 9
    • You have 9 tasks

      • Design some buttons 20%

        20% Complete

      • Create a nice theme 40%

        40% Complete

      • Some task I need to do 60%

        60% Complete

      • Make beautiful transitions 80%

        80% Complete
    • View all tasks
  • Jane Doe
    • User Image

      Jane Doe - Web Developer Member since Nov. 2012

    • Followers
      Sales
      Friends
    • Profile
      Sign out
User Image

Hello, Jane

Online
  • Dashboard
  • Widgets new
  • Charts
    • Morris
    • Flot
    • Inline charts
  • UI Elements
    • General
    • Icons
    • Buttons
    • Sliders
    • Timeline
  • Forms
    • General Elements
    • Advanced Elements
    • Editors
  • Tables
    • Simple tables
    • Data tables
  • Calendar 3
  • Mailbox 12
  • Examples
    • Invoice
    • Login
    • Register
    • Lockscreen
    • 404 Error
    • 500 Error
    • Blank Page

Widgets Preview page

  1. Home
  2. Widgets

AdminLTE Small Boxes Small boxes are used for viewing statistics. To create a small box use the class .small-box and mix & match using the bg-* classes.

150

New Orders

More info

53%

Bounce Rate

More info

44

User Registrations

More info

65

Unique Visitors

More info

230

Sales

More info

80%

Conversion Rate

More info

14

Notofications

More info

160

Products

More info

AdminLTE Boxes We use the base class .box to create widgets simply.

Default Box (button tooltip)

Box class: .box

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

.box-footer

Primary Box (header tooltip)

Box class: .box.box-primary

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

.box-footer

Info Box

Label
Box class: .box.box-info

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

.box-footer

Danger Box (Loading state)

Box class: .box.box-danger

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Success Box (toggle buttons)

Box class: .box.box-success

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Warning Box

  • «
  • 1
  • 2
  • »
Box class: .box.box-warning

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

AdminLTE Solid Boxes We use the base class .box and .box-solid to create solid boxes that look like this.

Default Solid Box

Box class: .box.box-solid

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Primary Solid Box

Box class: .box.box-solid.box-primary

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Info Solid Box

Box class: .box.box-solid.box-info

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Danger Solid Box

Box class: .box.box-solid.box-danger

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Success Solid Box

Box class: .box.box-solid.box-success

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Warning Solid Box

Box class: .box.box-solid.box-warning

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

AdminLTE Tiles To create a tile we create a solid box and a .bg-* class ( * being the name of the color) to the box.

Navy Tile

Box class: .box.box-solid.bg-navy

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Primary Tile

Box class: .box.box-solid.bg-light-blue

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Info Tile

Box class: .box.box-solid.bg-aqua

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Danger Tile

Box class: .box.box-solid.bg-red

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Success Tile

Box class: .box.box-solid.bg-green

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Warning Tile

Box class: .box.box-solid.bg-yellow

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Purple Tile

Box class: .box.box-solid.bg-purple

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Blue Tile

Box class: .box.box-solid.bg-blue

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

Maroon Tile

Box class: .box.box-solid.bg-maroon

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.