header - ExtJs4ヘッダーのアコーディオンの高さを変更する方法

Question

アコーディオンのヘッダーの高さを変更したいのですが、cssを使用してヘッダーの高さを設定します。

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

高さは変更されますが、パネルの内容はヘッダーで覆われ、パネルが折りたたまれると、次のヘッダーが前のヘッダーの一部を覆います。これが写真です。どんな助けでもありがたいです。

Answer 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'
              }]
        }]

Answer 2

それは良い考えです。また、http：//ext4all.com/post/how-to-change-the-header-s-height-of-accordionで別の解決策を見つけました。ありがとうございます。