-
19 Feb 2013 12:13 AM #1
Unanswered: Draggable and Resizable does not work in IE.
Unanswered: Draggable and Resizable does not work in IE.
Hi! I have this code which drags and resizes a box:
Problem is: The resizing works in Chrome version 24 but it does not work in IE8.Code:var sencha = Ext.create('Ext.draw.Component', { width: 300, height: 300, resizable: { dynamic: true, pinned: true, handles: 'all' }, draggable: true, renderTo: Ext.getBody(), items: [{ type: 'rect', fill: '#79BB3F', x: 100, y: 100, width: 100, height: 100 }] });
Please help. Thanks.
-
19 Feb 2013 1:19 PM #2Sencha - Support Team
- Join Date
- Jul 2010
- Location
- Houston, Tx
- Posts
- 7,190
- Vote Rating
- 195
- Answers
- 436
What version of ExtJS4 are you using .. seems to work fine here: (4.1.3)
http://www.screencast.com/t/Ax74SumY
Scott
-
24 Feb 2013 10:39 PM #3
Hi! I am using Extjs 4.1.1a
Here's my code:
Now, IE 8 does not have the green box at all, and in Chrome, the box is not resizable, only draggable.Code:<html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../UI/resource/js/extjs-4.1.1a/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function () { var sencha = Ext.create('Ext.draw.Component', { width: 300, height: 300, resizable: { dynamic: true, pinned: true, handles: 'all' }, draggable: true, renderTo: Ext.getBody(), items: [{ type: 'rect', fill: '#79BB3F', x: 100, y: 100, width: 100, height: 100 }] }); }); </script> </head> <body> <div>TODO write content</div> </body> </html>
Please help. Thanks.
-
26 Feb 2013 1:28 AM #4
-
26 Feb 2013 5:14 AM #5Sencha - Support Team
- Join Date
- Jul 2010
- Location
- Houston, Tx
- Posts
- 7,190
- Vote Rating
- 195
- Answers
- 436
Please upgrade to 4.1.3 to fix this issue.
Scott.


Reply With Quote