Questions tagged [jquery-resizable]

45 questions
12
votes
1 answer

How can I make all 4 corners of my div have resizable handles with jQuery?

I am trying to append a div onClick that is both draggable and resizable with handles for resizing that div being in all 4 corners. I have been able to make the div draggable and add the handles... HOWEVER... Only the bottom, right, and…
6
votes
5 answers

JQuery UI resizable() changes width when resizing the height

I have a problem here with resizing. I'm using the JQuery .resizable() on a div with the following css: div#resizable { float: left; border: solid 1px white; box-shadow: 0px 0px 0px 1px #F2F2F2; box-sizing: border-box; padding:…
ArVan
  • 4,225
  • 8
  • 36
  • 58
5
votes
1 answer

Column width with colResizable plugin

colResizable appears to be a great plugin for adjustable column widths. Unfortunately, it removes the widths which were set originally. I was using whitespace: nowrap since I'm having some tiny columns and some larger ones. Now with the colResizable…
Explicat
  • 1,075
  • 5
  • 16
  • 40
4
votes
1 answer

jQuery resizable issue if applied to child element of a resizable

Here is my complete code, which is derived from jQuery Resizable Example - In my example I have two div elements, with id parent and child, where child element is inside parent element. My Problem is I am not able to resize parent element, even I…
Moazzam Khan
  • 3,130
  • 2
  • 20
  • 35
3
votes
1 answer

Trouble with jQuery resizable (of an absolute div within a relative div with scroll)

I have the following basic layout:
The idea is that the selector div is marking an area within the content, and that area can be…
Amit
  • 1,174
  • 2
  • 15
  • 22
3
votes
3 answers

jquery ui resizable returning the size

Hay im new to jquery and i'm trying to use resizable. I can get it to work fine but cant seem to work out how to return the new size. I would like to set the new size's to a php variables to be save in a DB. I am new to javascript and jquery so any…
1ftw1
  • 656
  • 2
  • 14
  • 26
3
votes
0 answers

wrong left, top while resizing when css rotate transform applied

I am working on a script where I have to resize a div with jQuery ui controls. The resize controls works great when there is no rotation transform applied. But when you rotate the div and then resize it, the div starts moving to the bottom left or…
Saadi
  • 1,292
  • 13
  • 22
3
votes
1 answer

JQuery Resizable - Update element absolute position while resizing

I have many divs distributed in rows and columns, (generated using jQuery). Each one of these divs is re-sizable, using JQuery UI Resizable. In order to define the requirements, all divs must use absolute positioning. So, when I re-size any of these…
3
votes
2 answers

Jquery UI resizable issue expands beyond containment (draggable also used)

The problem i am facing is with the resizability of the div. When i use it with Draggable, it gives the problem and not able to resize it width-wise. If i use the resizable alone, then it is fine. But i need to make it work with draggable…
Karan
  • 3,265
  • 9
  • 54
  • 82
2
votes
4 answers

jQuery resizable only works on first element

I have a control on my page will contain multiple multi-line text boxes that need to be resizable. I am attempting to use the jQuery resizable function to accomplish this task. I only need my text boxes to be expandable vertically. Unfortunately I…
2
votes
1 answer

jQuery UI Resizable + Draggable: disappearing on drop

I am trying to allow an image to be dropped into a container and enable resizing, however, when dropped it disappears until the handle is dragged. I have no errors in the console. Does this appear to be a CSS generated issue? I have tried changing…
Nathan_Sharktek
  • 407
  • 1
  • 5
  • 21
2
votes
0 answers

Resizing for jQuery Parallax

Trying to create a site with jQuery parallax that resizes correctly when shrinking or enlarging the window. I am aiming for the same type of functionality when you drag the corners/resize on the flash site…
jkush33
  • 25
  • 5
1
vote
1 answer

Image is draggable but not resizing

I am adding img tag dynamically in a container div. While creating img i am adding 2 class draggable and resizable and then append to the container. So i am able to drag but unable to resize. What might be the issue? Below is the code of creating…
Manoj G
  • 87
  • 14
1
vote
2 answers

How can I make a DOM element's height resizable?

I have a widget in my ui that resides in a fixed location on the right bottom corner of my browser. I want the user to be able to click on the header portion of the widget and be able to drag it upwards and effectively increase the height of the…
Hcabnettek
  • 12,678
  • 38
  • 124
  • 190
1
vote
1 answer

jQuery UI resizable: elem is undefined error in jQuery's acceptData function

I'm using jQuery UI Resizable to resize a div. I'm getting "elem is undefined" error in console and I can't figure out what is wrong. I've tried different jQuery versions. You can see my app at: http://klip.dev.xhtml.si The arrows in the middle of…
spinx
  • 41
  • 1
  • 5
1
2 3