Grid - Live Draggable widgets. Touch screen support

New Widgets  since 2.1

Specially for Light Blue 2.1 we have developed a plugin that allows to easily implement basic widget functions that lots of our customers have requested. The plugin is called Widgster. 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.

In the future this plugin may be released under MIT license, but for now it's available exclusively with Light Blue.

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-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?

    Mar 20, 18:46
  • 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.

    Sep 25, 11:59
  • No more spying

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

    Mar 20, 18:46
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?