Widgets

  • You are here:
  • Widgets

With icon

Box container with icon in title

Collapsible

Minimize

Box container without icon in title and collapsible ability

Closed by default

Minimize

Some content goes here.

With Loader

Minimize

Use loader icon

With labels Success

Minimize

Use all boostrap inline labels

With Badge 6

Minimize

Use all boostrap badge

With progress bar

Minimize

Use pogress bar

With search field

Minimize

Search field in the title

With sparkline

Minimize

Sparkline in title

Line type spark

Minimize

Another Sparkline in title

With button

Minimize

Place button in the title

With checkbox

Minimize

Iphone checkbox style

With gradient

Minimize

With gradient style

With checkboxes and mass action

Minimize
# First Name Last Name Username Actions
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

With custom scrollbar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Plain box

Minimize

Plain box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Calendar widget

To Do List

  • Fix some bugs Admin Today
  • Add post about birds Julia Tomorrow
  • Remove some items Admin Tomorrow
  • Staff party Admin 08.08.2012
  • Shedule backup Steve 08.08.2012

Vital stats

  • 81% Clicks 567
  • 72% Uniquie Clicks 507
  • 53% Impressions 457
  • 3% Online Users 8

Things you need to do

  • 7 Pending Orders go
  • 3 Support Tickets go
  • 5 New Invoices go
  • 13 Review Comments go
  • 2 Settings to Change go

Sparkline stats

  • Visits: 509
  • Unique Visitors: 389
  • Pageviews: 731
  • Pages / Visit: 1.44
  • Avg. Visit Duration: 00:01:21
  • Bounce Rate: 68.37%
  • % New Visits: 76.23%

Send PM with typeahead

Gallery View with pagination

Recent activity

Recent users

Wizzard

Step 1 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Step 2 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Step 3 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Step 4 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Contacts widget

Name Email Position Phone
Joan Storm joan@gmail.com Send mail PM Web desinger 040 775 333
Nikolas niko@gmail.com Send mail PM Html coder 040 744 111
Rayan Clark info@gmail.com Send mail PM Web desinger 040 775 333
Stephanie stef@gmail.com Send mail PM Html coder 040 744 111
Lazar Angelov lazar@gmail.com Send mail PM Instructor 040 775 333
Marry Williams will@gmail.com Send mail PM SEO 040 744 111
Name Email Position Phone

Messages layout

  • Lazar says: 25 seconds ago

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Sugge says: just now

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Typeahead (autocomplete)

type 'a'

JQuery autocomplete

type 'a'

JQuery Combobox

Carousel (bootstrap carousel)