PDA

View Full Version : Slide animation Effect Issue



ajainvivek
14 Nov 2011, 2:07 AM
Hi guys,

how do i get slide animation effect without usage of card layout.......


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,..........





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...



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




Thanks

mitchellsimoens
14 Nov 2011, 10:44 AM
You need to use card layout. fit layout will only support having one item and will not size any others.