2012-04-08 11 views
1

アコーディオンのヘッダーの高さを変更するには、ヘッダーの高さを設定するためにcssを使用します。ExtJs 4アコーディオンのヘッダーの高さを変更する方法

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

高さが変更されるが、パネルの内容は、ヘッダによって覆われており、パネルが折りたたまれているときに次のヘッダが前のヘッダの一部をカバーします。ここに画像があります。 助けていただければ幸いです。

The effect

答えて

1

あなたのアコーディオンパネル内のコンテナを置くとよいでしょうし、私もhttp://ext4all.com/post/how-to-change-the-header-s-height-of-accordionで別の解決策を見つけるコンテナ

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

中でパディングを設定し、あなたに感謝することができます!

関連する問題