jQuery UI resizable elements
Posted: Thu Jan 13, 2011 7:40 pm
I'm currently working on a small part of a user interface.
Basically, I have a 3 column setup and I want to be able to resize each with a draggable handle. Something along the lines of:
If left column is made wider then mid column will shrink.
I'm having issues setting up the min and max widths properly. I need to function so that if you drag right column to its max width and then try dragging left column to the left, it won't get any bigger. Currently, if I dragged right to full, mid shrinks correctly, then when I start draging left it pushes right column down to the next line.
Here is my test page that contains the script: http://iwantsnacks.com/dashboard/uitest.html
Basically, I have a 3 column setup and I want to be able to resize each with a draggable handle. Something along the lines of:
If left column is made wider then mid column will shrink.
I'm having issues setting up the min and max widths properly. I need to function so that if you drag right column to its max width and then try dragging left column to the left, it won't get any bigger. Currently, if I dragged right to full, mid shrinks correctly, then when I start draging left it pushes right column down to the next line.
Here is my test page that contains the script: http://iwantsnacks.com/dashboard/uitest.html