Printable View
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.
What version of ExtJS4 are you using .. seems to work fine here: (4.1.3)
http://www.screencast.com/t/Ax74SumY
Scott
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.
Anybody?
Thanks.
Please upgrade to 4.1.3 to fix this issue.
Scott.