ExtJs 4如何更改标题的Accordion高度

时间:2012-04-08 06:25:26

标签: header styles extjs4 accordion

我想更改标题的Accordion高度,我用css设置标题的高度。

#panel1 .x-accordion-hd{ height: 40px;}

高度已更改,但面板的内容由标题覆盖,当面板折叠时,下一个标题将覆盖前一个标题的一部分。这是图片。   任何帮助将不胜感激。

The effect

2 个答案:

答案 0 :(得分:1)

您可以在手风琴面板中放置一个容器,并在容器中设置衬垫

items: [{
        title: 'Panel 1',
        items:[{
                xtype:'container',
                padding:'25px 0 0 0',
                html:'panel content'
              }]
        },{
        title:'Panel 2',
        items:[{
                xtype:'container',
                padding:'25px 0 0 0',
                html:'panel content'
              }]
        }]

答案 1 :(得分:0)

这是一个好主意,我也在http://ext4all.com/post/how-to-change-the-header-s-height-of-accordion找到另一个解决方案,谢谢!