Diego Diego - 6 months ago 36
Javascript Question

How to resize ONLY horizontally or vertically with jquery UI Resizable?

The only solution I've found is to set the max and min height or width with the current value.

Example:

foo.resizable({
maxHeight: foo.height(),
minHeight: foo.height()
});


But this is really ugly, especially if I have to change the element's height programmatically.

Thanks in advance.

Diego

Answer

You could set the resize handles option to only show on the left and right (or east/west), like this:

foo.resizable({
    handles: 'e, w'
});‚Äč

You can give it a try here.

Comments