Default
The default portlet - 3 buttons by default: collapsible, fullscreen and remove portlet
Tabs Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

No Padding

portlet Alert with no panel-body padding

The portlet comes default with 15px .panel-body. You can remove padding by adding .nopadding class.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque.
Dropdowns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque.
Select

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque.

Switch

Slimscroll - nothing to do with the switch – demo purpose only!
Lorem ipsum dolor sit amet. Etharums your template left tooltip dolores nemis omnis fugats vitaes you this template amets sumon. Sed right tooltip perspiciatis unde omnis iste you top tooltip this template voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo bottom tooltip template et quasi architecto beatae vitae dicta sunt explicabo.

Lorem ipsum dolor sit amet. Etharums your template left tooltip dolores nemis omnis fugats vitaes you this template amets sumon. Sed right tooltip perspiciatis unde omnis iste you top tooltip this template voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo bottom tooltip template et quasi architecto beatae vitae dicta sunt explicabo.

Lorem ipsum dolor sit amet. Etharums your template left tooltip dolores nemis omnis fugats vitaes you this template amets sumon. Sed right tooltip perspiciatis unde omnis iste you top tooltip this template voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo bottom tooltip template et quasi architecto beatae vitae dicta sunt explicabo.

Lorem ipsum dolor sit amet. Etharums your template left tooltip dolores nemis omnis fugats vitaes you this template amets sumon. Sed right tooltip perspiciatis unde omnis iste you top tooltip this template voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo bottom tooltip template et quasi architecto beatae vitae dicta sunt explicabo.

Lorem ipsum dolor sit amet. Etharums your template left tooltip dolores nemis omnis fugats vitaes you this template amets sumon. Sed right tooltip perspiciatis unde omnis iste you top tooltip this template voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo bottom tooltip template et quasi architecto beatae vitae dicta sunt explicabo.

Collapsible
Collapsible portlet only - no special code needed!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Remove
Remove portlet only - no special code needed!
Fullscreen
Fullscreen portlet only - no special code needed!
Pagination
Collapsible portlet only - no special code needed!
Input
I am a tooltip!
Collapsible portlet only - no special code needed!
Progress Bar
60%
portlet + bootstrap progress bar
Labels & Badges
  • 82
  • label
  • 39
Labels and Badges
Panel Default
Add to .panel: .panel-default
Panel Warning
Add to .panel: .panel-warning
Panel Danger
Add to .panel: .panel-danger
Panel Clean
Add to .panel: .panel-clean
Panel Info
Add to .panel: .panel-info
Panel Primary
Add to .panel: .panel-primary