Simple Portlets

Example of panel with no header and footer. Portlets use default Bootstrap panel.
You can add header, footer or various buttons to control your portlet.

This is an example of a basic header.

Want colors? Click on a color to switch header look:

You see, in this world there's two kinds of people, my friend: those with loaded guns and those who dig. Nd tell me it's raining. this is the ak-47 assault rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at you, so remember it. dyin' ain't much of a livin', boy. Put that in your report!" and "i may have found a way out of here. well, do you have anything to say for yourself?

No one should be asked to handle this trip. forget about it" is, like, if you agree with someone, you know, like "raquel welch is one great piece of ass. forget about it!" but then, if you disagree, like "a lincoln is better than a cadillac? forget about it!" you know? but then, it's also like if something's the greatest thing in the world, like, "minghia! those peppers! forget about it!" holy jesus. what are these goddamn animals? we're not sheep!

Just footer, no header.

Like for header, you can add colors. Click on a color to switch header look:

You see, in this world there's two kinds of people, my friend: those with loaded guns and those who dig. Nd tell me it's raining. this is the ak-47 assault rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at you, so remember it. dyin' ain't much of a livin', boy. Put that in your report!" and "i may have found a way out of here. well, do you have anything to say for yourself?

No one should be asked to handle this trip. forget about it" is, like, if you agree with someone, you know, like "raquel welch is one great piece of ass. forget about it!" but then, if you disagree, like "a lincoln is better than a cadillac? forget about it!" you know? but then, it's also like if something's the greatest thing in the world, like, "minghia! those peppers! forget about it!" holy jesus. what are these goddamn animals? we're not sheep!

There are 6 tools that you can add:

REMOVE: a confirmation box will appear to confirm deleting.

SLIDE UP: portlets will slide up / down. Just header will stay.

MAXIMIZE: portlets will get all the page width and height.

POP UP: portlets will "detach" from page, that permit move it where you want.

SETTINGS: a dropdown menu that permit you adding other options.

RELOAD: permit to reload portlets content for statistics, messages...

No needs to insert all tools in each panel and to repeat your code many times. You just have to include panel-controls class to your portlet and all tools will appear. Magic!

If you want just one or two tools, you can add them "manually" by adding it in your panel header

For example here:

<div class="control-btn">
    <a href="#" class="panel-toggle"><i class="fa fa-angle-down"></i></a>
    <a href="#" class="panel-close"><i class="icon-trash"></i></a>
</div>