Question

I have used Jquery sortable UI from Jquery Sortable UI

I want to add maximize and minimize button for each widget.When ‘maximize’ clicked the widget will occupy the whole page and hide other widgets.How to do this.

I have tried to hide all columns and insert a new div with current widget. But I pushed to append the widget once again..So i have confused lot…

Answer 1

I have done exactly this before and after some thinking about it, I found a very easy solution.

You just set the the particular widget to

position:absolute;
width:100%;
height:100%;

Then you have your widget full-screen.
When you set the position (and width and height) back, it goes automatically back to the position where it was before.