how use accordion layout?

[mehmet07]

Hi,

How add accordion layout?

(http://ext4all.com/post/how-to-change-the-header-s-height-of-accordion)

[Sherzod]

Hi.

 

Try this:

 

 

UniPanel1 -> ClientEvents -> UniEvents add beforeInit

function beforeInit(sender)
{
  sender.layout = 'accordion';
  sender.items = [{
            title: 'Panel 1',
            html: 'Panel 1 content'
        }, {
            title: 'Panel 2',
            html: 'Panel 2 content'
        }, {
            title: 'Panel 3',
            html: 'Panel 3 content'
        }];
}

[mehmet07]

thanks Delphi Developer.

[mehmet07]

How can I add a button or (other component ) to the panel.?

[ganzqgy]

Ext.create('Ext.button.Cycle', {
    showText: true,
    prependText: 'View as ',
    renderTo: 'abcd',//html: '<div id="abcd"><div>'
    menu: {
        id: 'view-type-menu',
        items: [{
            text: 'text only',
            iconCls: 'view-text',
            checked: true
        },{
            text: 'HTML',
            iconCls: 'view-html'
        }]
    },
    changeHandler: function(cycleBtn, activeItem) {
        Ext.Msg.alert('Change View', activeItem.text);
    }
});