[SOLVED] How do I create a draggable "Resize Button" ?

I want to create a resize button that will work if we drag it, so :

1. if we drag it to the outside, it will make the object inside the box bigger

2. if we drag it to the inside, it will make the object inside the box smaller

here's the picture :

unggah.net/image/DY

I have tried with make the resize button draggable, and when it drag to the bigger x axis the object inside the box will get bigger, when it drag to the smaller x axis the object inside the box will get smaller but of course it's failed. maybe anyone know the condition to detect when mouse/tap dragged from resize button position ? or any other solution ? I will appreciate any comment.

sorry for my poor english

The link to the image doesn't work but I imagine it is simple, you set the size of the button based on its position.

The link to the image doesn't work but I imagine it is simple, you set the size of the button based on its position.

I'm sorry if it's not working, how about this link ? unggah.net/image/DY

yes I have tried that but it's difficult for me when the button is a member from the box container

something like this ?

https://www.dropbox.com/s/6iame6jqnfjc7 ... .capx?dl=0

something like this ?

https://www.dropbox.com/s/6iame6jqnfjc7 ... .capx?dl=0

Yes! it's exactly like that!

so I have to use 9patch .. thank you so much for your help! <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy" />

No you dont have to, but that way the 'lines' dont scale. Its uhh more proper.

Okay, I'll make a note of it