1. #1
    Sencha Premium Member
    Join Date
    Jun 2012
    Posts
    12
    Vote Rating
    0
    akash_fil is on a distinguished road

      0  

    Default Unanswered: Transitions in Extjs 4.2.1

    Unanswered: Transitions in Extjs 4.2.1


    I have a component which I set hidden by default & show on hitting a button. I want to play slide-in & slide-out transitions/effects on its visibility. Any example to achieve this. If it cannot be achieved on visiblity can I achieve it on setting height.


    Any example would be great !!!


    Thanks!!!

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,387
    Answers
    434
    Vote Rating
    201
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    Something like this work for you?

    Code:
    var win = Ext.widget('window', {
        title: 'Slider'
        , height: 200
        , width: 200
        , listeners: {
            show: function (win) {
                win.animate({
                    to: {
                        y: 200
                    }
                });
            }        
        }
    });
    
    
    Ext.widget('button', {
        text: 'Show Button'
        , renderTo: Ext.getBody()
        , handler: function () {
            var c = Ext.getBody();
            win.showAt(c.getWidth() / 2 - 100, -200);
        }
    });

  3. #3
    Sencha Premium Member
    Join Date
    Jun 2012
    Posts
    12
    Vote Rating
    0
    akash_fil is on a distinguished road

      0  

    Default


    I have a component which is already created & hidden. Now when I make it visible using show() & on Show I have listener it is behaving oddly on Internet explorer 8 but works fine on firefox & chrome. On Show() in IE it first gets displayed then the slideIn gets played. Is there any fix for this since it is happening only on IE.

Thread Participants: 1