uap5의 sap.m.Panel 컨트롤에서 Shift 화살표 아이콘

Question

SAPUI5에서 화살표 아이콘을 sap.m.Panel에서 오른쪽으로 이동할 수 있습니까? 해당 설명서를 통해 검색하려고했지만 찾을 수 없습니다. 컨트롤의 일부 사용자 지정을 통해 SO를 수행 할 수 있는지 제안하십시오.

Answer 1

내 지식까지 선호하는 방식이 아니므로 다른 방법을 모릅니다. 바로

.sapMPanelWrappingDiv .sapUiIconPointer{ 
    right : 0; 
} 

사용 :! 0 중요합니다; 위의 코드로 작업하지 않는 경우.

Answer 2

것부터 먼저 :

• 사용 : 나는
  은 어쨌든 당신이 복잡한 사소한에서 이것을 달성하기 위해 여러 가지 선택이있다 ...이 좋은 결정 UX-현명하다 생각하지 않는다 CSS가 santhosh에서 언급 한 바와 같이 오른쪽에 아이콘을 배치하려면
• CSS (display: none;)를 통해 확장 아이콘을 숨기고 headerToolbar aggregation을 사용하십시오. 거기에서 당신은 당신이 원하는 것을 할 수 있고 프레스 listerner 패널
• 에게 무시 sap.m.PanelRenderer.renderHeader 축소/확대와 함께 오른쪽에 버튼을 배치하고 오른쪽 렌더러 여기

의 아이콘 배치를 조정하는 것은 내 CSS 솔루션입니다 (나는 갈 것이다) :

.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 크리스