JQuery resize with handle

I am using jQuery-ui Resizable

- and I want to use a handle instead of borders (my button is the button at the bottom correctly).

I see that in the settings I have KnobHandles

which I have to set to true

.

Where can I set my descriptor? I tried to set it in the "Pens" option but it doesn't work.

Below is my code:

window.resizable({
    'handles':'handler-resize',
    'knobHandles': true
});

      

UPDATE: just noticed that the handles are some of the default things. I want to change it with a custom button, is there a way?

+1


source to share


2 answers


I did it, I just needed to style the pens ...



btw: the handles should have a direction like s, n, se, ...

+1


source


Each descriptor line (if provided) must be in the form of a jQuery selector corresponding to the resizable child element to use as a descriptor.

So, I think you want something like:



'handles': '.handler-size'

      

+1


source







All Articles