1. #1
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    96
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default Window with fadeIn/fadeOut animation

    Window with fadeIn/fadeOut animation


    This gets asked a lot, so I thought I post it here:
    Code:
    Ext.ns('Ext.ux');
    Ext.ux.FadeInWindow = Ext.extend(Ext.Window, {
        animateTarget : true,
        setAnimateTarget : Ext.emptyFn,
        animShow : function(){
            this.el.fadeIn({
                duration: .25,
                callback: this.afterShow.createDelegate(this, [true], false),
                scope: this
            });
        },
        animHide : function(){
            if (this.el.shadow) {
                this.el.shadow.hide();
            }
            this.el.fadeOut({
                duration: .25,
                callback: this.afterHide,
                scope: this
            });
        }
    });

  2. #2
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    304
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    thanks dear Condor..

  3. #3
    Sencha User chrizmaster's Avatar
    Join Date
    Feb 2009
    Location
    Australia
    Posts
    441
    Vote Rating
    1
    chrizmaster is on a distinguished road

      0  

    Default


    simple and clean. thank you.

  4. #4
    Ext User guyfomi's Avatar
    Join Date
    Apr 2010
    Location
    Yaounde - Cameroun
    Posts
    16
    Vote Rating
    0
    guyfomi is on a distinguished road

      0  

    Default


    thank you condor, was looking for such functionality...
    Professional web developer / Software architect based in Yaounde - Cameroon

    Ext 3.2.0
    VS2K8 / .Net 3.5
    C#
    WCF
    Nhibernate 2.1
    LINQ
    Castle ActiveRecord 2.1.2
    Spring.NET 1.3.0

  5. #5
    Ext User
    Join Date
    Dec 2009
    Posts
    18
    Vote Rating
    0
    cq.yangyu@gmail.com is on a distinguished road

      0  

    Default


    In IE 6 , After The window fadeout , there is a weird stuff block out the area. please check it. thks.

  6. #6
    Sencha User sosy's Avatar
    Join Date
    Jun 2010
    Location
    Bremen, but Dutch origin
    Posts
    64
    Vote Rating
    0
    sosy is on a distinguished road

      0  

    Default


    IE6? What is IE6? thats an browser from the last century.

    IE is in my opinion strictly forbidden, but IE6 is beyond that.

    Wow...
    I prefer an sister in the red-light district, to an brother with internet explorer..

  7. #7
    Sencha User
    Join Date
    Oct 2007
    Location
    Berlin, Germany
    Posts
    891
    Vote Rating
    9
    wm003 will become famous soon enough

      0  

    Default


    Works, but if you have a borderlayout with collabsible regions wihtin your window, theses regions appear right after the fadeout ..

  8. #8
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    10
    Vote Rating
    0
    jnfrancois is on a distinguished road

      0  

    Default


    How would you use this in a concrete example ?
    Where do you put this code and where would you call it ?

Similar Threads

  1. fadeIn/fadeOut only works first time in Internet Explorer 7
    By staticboy in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 20 Jun 2012, 11:10 AM
  2. FX problem in IE6 (specifically fadeIn & fadeOut)
    By mjpetts in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 4 Mar 2008, 2:56 PM
  3. viewport and simple fadein fadeout effect
    By italoc in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 21 Feb 2008, 11:03 AM
  4. [SOLVED] Toolbar fadeIn/fadeOut animation on mouseover/mouseout problem
    By ngeorgopoulos in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 21 Feb 2008, 1:46 AM
  5. Odd behavior with fadeIn and fadeOut
    By wolfbane in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 24 Oct 2007, 4:29 PM

Thread Participants: 7