Template > Grid

Draggable Grid  since 2.1

Widgster is a plugin that allows to easily implement basic widget functions that lots of our customers have requested. For now it has the following essential widget features:

  • Collapse/Expand - all widgets can be collapsed to fill only header's vertical space;
  • Close - closable. Any widget may be removed by clicking the close btn;
  • Full Screen - an option to make widget fill the whole window (just like OS);
  • Ajax Load - the hottest option allowing to load/reload widget content asynchronously. You just need to provide an url to fetch the data from. With loader delivered.

It's available under MIT license, check out github to find it.

Test it out!

Default Widget

A timestamp this widget was created: Apr 24, 19:07:07

A timestamp this widget was updated: Apr 24, 19:07:07

  Latest Shares
Autoload Widget

Sign up, it's free

Faith makes it possible to achieve that which man's mind can conceive and believe.

To make a widget automatically load it's content you just need to set data-widgster-autoload attribute and provide an url.

data-widgster-load="server/ajax_widget.php"
        data-widgster-autoload="true"

data-widgster-autoload may be set to an integer value. If set, for example, to 2000 will refresh widget every 2 seconds.

Custom Loader
News 17
spinning refresh button & close prompt
  • First Human Colony on Mars

    First 700 people will take part in building first human settlement outside of Earth. That's awesome, right?

  • Light Blue reached $300

    Light Blue Inc. shares just hit $300 price. "This was inevitable. It should have happen sooner or later" - says NYSE expert.

  • No more spying

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

Collapsed by default & locked
There are no limits. There are plateaus, but you must not stay there, you must go beyond them. If it kills you, it kills you. A man must constantly exceed his level.
Bruce Lee

To make a widget initially collapsed just add data-widgster-collapsed="true" attribute to .widget.

To make it locked (prevent dragging) add .locked class.

Draggable story!

Build your own interfaces! Sit back and relax.

Fullscreen me!  

Want to go back?