Widgets

  • You are here:
  • Widgets

With icon

panel container with icon in title

Collapsible

Minimize

panel 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.

Horizontal 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.

Plain panel

Minimize

Plain panel

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, veritatis, ducimus, maxime fugiat unde inventore aspernatur mollitia dolor nesciunt facere eum libero repudiandae quisquam deserunt facilis magni error aut reprehenderit!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, ex impedit quae expedita blanditiis veniam perspiciatis odit nesciunt hic in eos magnam ea est? Neque, nostrum ratione quisquam dolore veritatis quae totam pariatur deleniti quasi ut provident quam maxime doloribus corporis animi labore magni architecto soluta modi velit quidem assumenda odit consequuntur iure expedita harum eveniet dolorum fugit excepturi incidunt est a repellat aut ducimus consequatur repudiandae doloremque ipsam. Voluptas, vel, quis, dolores, iusto velit nulla molestiae placeat aperiam cupiditate perferendis ducimus alias ratione esse earum at repellat laboriosam deleniti ut quod quos odio architecto quisquam pariatur nesciunt reprehenderit ipsum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, aperiam, voluptatum aspernatur eos impedit repellat odit quibusdam asperiores sed dignissimos repellendus neque vitae optio eligendi soluta inventore at autem velit reprehenderit beatae! Dolor, temporibus, magni officia cum dolorem reprehenderit laboriosam minus perspiciatis at consectetur sed molestiae quis neque expedita voluptatum blanditiis vero modi earum quo illum ipsum quidem eius beatae!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, eius, inventore, molestiae perspiciatis maiores ab nam ipsam accusantium accusamus dolorum cum in sapiente dolores temporibus incidunt nesciunt asperiores quos non?

Vertical Wizzard

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores maxime molestias cum iusto harum. Ipsam, delectus repellat magnam voluptates veritatis temporibus pariatur laboriosam aperiam? Distinctio, repellat, minima quam reiciendis provident ad consectetur ipsam voluptatem illum asperiores unde voluptate voluptatibus magnam quo quia deserunt quibusdam quaerat aliquam dolore cum est ipsum optio temporibus repudiandae incidunt nesciunt tempora accusamus ex facere fugiat libero dolores rerum illo iste laudantium corporis sapiente blanditiis. Sapiente, assumenda, natus delectus obcaecati temporibus officia iusto! Nisi, assumenda, eum quibusdam reiciendis nostrum sunt pariatur repudiandae omnis a nulla natus veritatis quasi dignissimos error ipsam laudantium eius sapiente voluptatum obcaecati laboriosam provident quam harum maiores nihil saepe sit mollitia delectus non officiis officia doloremque quisquam recusandae illum. Nihil, fugiat inventore totam nesciunt excepturi eos quis officiis fugit sit temporibus nemo neque unde odio ipsum maiores! Accusamus, mollitia, velit, quisquam, earum cupiditate nostrum vel iusto fuga nihil unde impedit soluta numquam?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, ex impedit quae expedita blanditiis veniam perspiciatis odit nesciunt hic in eos magnam ea est? Neque, nostrum ratione quisquam dolore veritatis quae totam pariatur deleniti quasi ut provident quam maxime doloribus corporis animi labore magni architecto soluta modi velit quidem assumenda odit consequuntur iure expedita harum eveniet dolorum fugit excepturi incidunt est a repellat aut ducimus consequatur repudiandae doloremque ipsam. Voluptas, vel, quis, dolores, iusto velit nulla molestiae placeat aperiam cupiditate perferendis ducimus alias ratione esse earum at repellat laboriosam deleniti ut quod quos odio architecto quisquam pariatur nesciunt reprehenderit ipsum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, aperiam, voluptatum aspernatur eos impedit repellat odit quibusdam asperiores sed dignissimos repellendus neque vitae optio eligendi soluta inventore at autem velit reprehenderit beatae! Dolor, temporibus, magni officia cum dolorem reprehenderit laboriosam minus perspiciatis at consectetur sed molestiae quis neque expedita voluptatum blanditiis vero modi earum quo illum ipsum quidem eius beatae!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, eius, inventore, molestiae perspiciatis maiores ab nam ipsam accusantium accusamus dolorum cum in sapiente dolores temporibus incidunt nesciunt asperiores quos non?

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'

File tree