PDA

View Full Version : Draggable and Resizable does not work in IE.



firblazer
19 Feb 2013, 12:13 AM
Hi! I have this code which drags and resizes a box:




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

}]
});

Problem is: The resizing works in Chrome version 24 but it does not work in IE8.

Please help. Thanks.

scottmartin
19 Feb 2013, 1:19 PM
What version of ExtJS4 are you using .. seems to work fine here: (4.1.3)
http://www.screencast.com/t/Ax74SumY

Scott

firblazer
24 Feb 2013, 10:39 PM
Hi! I am using Extjs 4.1.1a

Here's my 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>


Now, IE 8 does not have the green box at all, and in Chrome, the box is not resizable, only draggable.

Please help. Thanks.

firblazer
26 Feb 2013, 1:28 AM
Anybody?

Thanks.

scottmartin
26 Feb 2013, 5:14 AM
Please upgrade to 4.1.3 to fix this issue.

Scott.