Results 1 to 2 of 2

Thread: Slide animation Effect Issue

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Location
    Bangalore
    Posts
    23
    Vote Rating
    0
      0  

    Exclamation Slide animation Effect Issue

    Hi guys,

    how do i get slide animation effect without usage of card layout.......
    Code:
    ToolbarDemo.views.Login = Ext.extend(Ext.Panel, {
        fullscreen: true,
    
    
        layout: 'fit',
    	scroll:"vertical",
        cardSwitchAnimation: 'slide',
    	cls:'login-screen',
        
    	initComponent: function(){
    	
    	
    	var fields = new Ext.form.FormPanel({
    	
            styleHtmlContent:true,..........
    Code:
    ToolbarDemo.views.Tabs = Ext.extend(Ext.Panel, {
        fullscreen: true,
    
    
        layout: 'fit',
    	scroll:"vertical",
        cardSwitchAnimation: 'slide',
    	cls:'login-screen',
        
    	initComponent: function(){
    	
    	
    	var fields = new Ext.form.FormPanel({
    	
            styleHtmlContent:true,..........
    I hav 2 panels ...wr 1 panel extends another panel...hw do i get slide effect while traversing...from 1 panel to another...without using card layout...in my controller i hav put the code like this...

    Code:
    loginSuccess: function()
    {
    var panel = new Ext.Panel({
    fullscreen:true,
    items: [{xtype: 'tabs',{type: 'slide', direction: 'right'}}]
    });
    },


    Thanks

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,351
    Vote Rating
    1497
      0  

    Default

    You need to use card layout. fit layout will only support having one item and will not size any others.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •