1. #21
    Sencha User
    Join Date
    Sep 2007
    Location
    Tulsa, Oklahoma
    Posts
    178
    Vote Rating
    1
    ckr is on a distinguished road

      0  

    Default


    I changed the demo so that it was in a window like yours pokerking400, and I indeed saw your issue.

    To resolve, I added:

    Code:
    cls: 'x-panel-animated'
    To the window configuration. Seems to have fixed the issue.
    Thanks!
    Chuck

  2. #22
    Ext User
    Join Date
    Apr 2008
    Posts
    418
    Vote Rating
    0
    pokerking400 is on a distinguished road

      0  

    Default


    ckr,

    Super!. Thanks!. It works now.

    Now i can make that as a base and build other animation.

    Thanks to condor also.


  3. #23
    Ext User
    Join Date
    Apr 2008
    Posts
    418
    Vote Rating
    0
    pokerking400 is on a distinguished road

      0  

    Default


    It works but form layout become columnlayout with textfield become right justified. have to change to left justified or looks too much gap between label and field.

  4. #24
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    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


    You could use:
    Code:
    cls: 'fix-animation'
    with:
    Code:
    .ext-gecko .fix-animation .x-form-item {overflow: hidden!important;}

  5. #25
    Ext User
    Join Date
    Apr 2008
    Posts
    418
    Vote Rating
    0
    pokerking400 is on a distinguished road

      0  

    Default


    condor,

    I am not getting what you are saying . Explain.

  6. #26
    Ext User
    Join Date
    Apr 2008
    Posts
    418
    Vote Rating
    0
    pokerking400 is on a distinguished road

      0  

    Default


    Ok i added that in css. It fixed...so main css will have that line added to the next build?.

  7. #27
    Ext User nelius's Avatar
    Join Date
    Oct 2007
    Posts
    22
    Vote Rating
    0
    nelius is on a distinguished road

      0  

    Default


    Hi NeonMonk

    it would be great if you could add a licence header to the code. BSD new would be ideal ;-)

  8. #28
    Ext User
    Join Date
    Oct 2008
    Posts
    1
    Vote Rating
    0
    chrizz_msweb is on a distinguished road

      0  

    Default


    Amazing!! Looks like flash

  9. #29
    Sencha User fangzhouxing's Avatar
    Join Date
    Mar 2007
    Posts
    468
    Vote Rating
    2
    fangzhouxing is on a distinguished road

      0  

    Default


    I have problem using Ext.layout.SlideLayout in IE7, but ok in FF3.

    Code:
    panel.xf.CorpInfoDisplayPanel = Ext.extend(Ext.Panel, {
    	initComponent : function() {
    		Ext.apply(this, {
    			autoScroll : true,	
    			layout : "slide",
    			layoutConfig: 
    			{
    				easing: 'none', //none,easeIn
    				duration: .2,
    				opacity: .1
    			},
    			activeItem : 0,
    			items : [{
    				id : this.myId('checker'),
    				xtype : "form.xf.CheckerInfoDisplayForm"
    			}, {
    				id : this.myId('mainter'),
    				xtype : "form.xf.MainterInfoDisplayForm"
    			}, {
    				id : this.myId('projecter'),
    				xtype : "form.xf.ProjecterInfoDisplayForm"
    			}, {
    				id : this.myId('producer'),
    				xtype : "form.xf.ProducerInfoDisplayForm"
    			}, {
    				id : this.myId('advisor'),
    				xtype : "form.xf.AdvisorInfoDisplayForm"
    			}, {
    				id : this.myId('seller'),
    				xtype : "form.xf.SellerInfoDisplayForm"
    			}]
    		})
    		panel.xf.CorpInfoDisplayPanel.superclass.initComponent.call(this)
    	}

  10. #30
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    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


    Quote Originally Posted by fangzhouxing View Post
    I have problem using Ext.layout.SlideLayout in IE7, but ok in FF3.
    1. What exactly is the problem? Your code contains custom components, so I can't use it to test anything.
    2. A layout:'slide' can't be autoScroll:true (or did you want defaults:{autoScroll:true}?).
    3. A layout:'slide' with easing:'none' is the same as a layout:'card', so why would you want to use it.