1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    0
    Answers
    1
    firblazer is on a distinguished road

      0  

    Default 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:

    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
    
            }]
        });
    Problem is: The resizing works in Chrome version 24 but it does not work in IE8.

    Please help. Thanks.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    686
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    What version of ExtJS4 are you using .. seems to work fine here: (4.1.3)
    http://www.screencast.com/t/Ax74SumY

    Scott

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    0
    Answers
    1
    firblazer is on a distinguished road

      0  

    Default


    Hi! I am using Extjs 4.1.1a

    Here's my code:

    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.

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    0
    Answers
    1
    firblazer is on a distinguished road

      0  

    Default


    Anybody?

    Thanks.

  5. #5
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    686
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Please upgrade to 4.1.3 to fix this issue.

    Scott.

Thread Participants: 1

Tags for this Thread