uap5のsap.m.Panelコントロール内のShift矢印アイコン

Question

SAPUI5の矢印アイコンをsap.m.Panelに右にシフトできますか？ドキュメントで検索しようとしましたが見つかりませんでした。何らかのコントロールのカスタマイズによってそれが可能かどうかをお勧めします。

Answer 1

私の知る限り好ま​​しい方法ではありません。それを行う方法は他にありません。右

.sapMPanelWrappingDiv .sapUiIconPointer{ 
    right : 0; 
} 

用途：0重要。上記のコードで作業していない場合

Answer 2

最初まず、物事：私はこれは良い判断UX-賢明ではないと思います...

とにかくあなたは些細なものから複雑なもの、これを達成するには、いくつかの選択肢があります：

• 使用をCSSがsanthoshのように右にアイコンを配置するには
• CSS（display: none;）で展開アイコンを非表示にし、headerToolbar集約を使用します。ここに私のCSSソリューションがあるそこでは、あなたがやりたいことができ、プレスlisternerパネル
• オーバーライドsap.m.PanelRenderer.renderHeaderを崩壊/拡大と右にボタンを配置し、右のレンダラに

をアイコンの配置を調整します（私はのために行くことになる）：

.sapMPanel.myPanelIconRight .sapMPanelExpandableIcon { 
    right: 0; 
    -webkit-transform: translateY(-50%) rotate(180deg); 
    -ms-transform: translateY(-50%) rotate(180deg); 
    transform: translateY(-50%) rotate(180deg); 
} 
.sapMPanel.myPanelIconRight .sapMPanelWrappingDiv .sapMPanelHdr, 
.sapMPanel.myPanelIconRight .sapMPanelWrappingDivTb .sapMIBar.sapMTB { 
    padding-right: 0; 
    margin-right: 3rem; 
} 

がUI5のCSSから、当社独自のスタイリングを分離するためにsap.m.PanelコントロールにアタッチクラスI myPanelIconRightに注意してください。

BR クリス