PDA

View Full Version : buttons on a docked toolbar dont work in panel which is in a carousel



sandeep45
8 Sep 2011, 11:00 AM
The buttons on a bottom docked toolbar dont work in a panel which is in a Carousel. The button interaction conflicts with the indicator. Switching the indicator off, which is on by default fixes the problem.

Sample Code


new Ext.Application({
name: 'app',
launch: function(){
alert('starting to build');
app.views.carousel = new Ext.Carousel({
//indicator:false, // make this true to Fix it
items: [
{
xtype:'panel',
html:"first guy",
items:[{
xtype:'button',
text:'some button',
handler:function(){
alert("clicked on some crap");
}
}],
dockedItems: [
{
xtype:'toolbar',
dock:'bottom',
items:[{
xtype:'button',
text:'more btn',
handler: function(){
alert("more crap");
}
}]
}
]
},
{
xtype:'panel',
html:'second guy'
},
{
xtype:'panel',
html:'third guy'
},
]
})
app.views.viewport = new Ext.Panel({
fullscreen: true,
layout: 'card',
cardAnimation : 'slide',
items: [
app.views.carousel
]
});
}
});