Ext Jsパネルの三角形の崩壊アイコンを回転させる方法は？

Question

パネル内で崩壊アイコンを回転する方法はありますか（http://i.imgur.com/2ZvKd.png）？アイコンが指し示す方向と反対の方向にパネルが崩壊するので、方向は少し誤解を招くためです。

defaults: { 
      collapsible: true, 
      animFloat: true, 
      autoHide: true, 
      cmargins: '5 5 5 5' 
     }, 
     items: 
     [{ 
      xtype: 'createreportview', 
      bodyStyle:{ padding: '10px'}, 
      minHeight:280, 
      flex: 0.40 
     }, 
     { 
      xtype: 'splitter', 
      collapseTarget:'prev' 
     }, 
     { 
      xtype: 'resultsview', 
      flex: 0.60 
     }] 
} 

2つのパネルがあり、第2のパネル（resultsview）に崩壊アイコンは、上記投稿画像に示すものであり、解決しようとする1つのIMです。

Answer 1

画像の背景位置を変更するだけで済みます。ここでは、すべてのツール画像のスプライトです。http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/themes/images/default/tools/tool-sprites.gif

あなたがCSSで設定した背景位置の値を見ることができますhttp://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/layout/border.htmlに行くと、最大とパネル上の矢印を上下（矢印要素を調べる場合は、

矢印アップの

x-tool-expand-top, .x-tool-collapse-top { 
    background-position: 0 -210px; 
} 

はポジション：下向きの矢印の位置について

.x-tool-over .x-tool-expand-bottom, .x-tool-over .x-tool-collapse-bottom { 
    background-position: -15px -195px; 
} 

あなたはスタイルシートを使用して（CSSを更新することができ

.x-tool-expand-top, .x-tool-collapse-top { 
    background-position: -15px -195px; 
} 

.x-tool-over .x-tool-expand-bottom, .x-tool-over .x-tool-collapse-bottom { 
    background-position: 0 -210px; 
} 

Answer 2

親コンテナのレイアウトはどうなっていますか？私はあなたがちょうどlayout: borderを使用して、あなたのためにregion: southを指定することができると思う底パネルとそれは下向き矢印を持っています。

正確なサンプルを修正しようとしています - collapsible: trueをdefaultsからボトムパネル定義内に移動しようとしています。