Sapui5 ui5的sap.m.Panel控件中的Shift箭头图标

Sapui5 ui5的sap.m.Panel控件中的Shift箭头图标,sapui5,panel,Sapui5,Panel,我们可以在SAPUI5的sap.m.Panel中将箭头图标向右移动吗?我试图通过它的文档进行搜索,但找不到它。请建议是否可以通过一些定制的控制来实现这一点。据我所知,这不是首选的方式,我也不知道其他方式 .sapMPanelWrappingDiv .sapUiIconPointer{ right : 0; } 使用权限:0!重要的如果不使用上述代码 第一件事:我认为这不是一个明智的决定 无论如何,要实现这一目标,您有多种选择,从琐碎到复杂: 使用CSS将图标定位到santhosh提到的右

我们可以在SAPUI5的sap.m.Panel中将箭头图标向右移动吗?我试图通过它的文档进行搜索,但找不到它。请建议是否可以通过一些定制的控制来实现这一点。

据我所知,这不是首选的方式,我也不知道其他方式

.sapMPanelWrappingDiv .sapUiIconPointer{
   right : 0;
}
使用权限:0!重要的如果不使用上述代码


第一件事:我认为这不是一个明智的决定

无论如何,要实现这一目标,您有多种选择,从琐碎到复杂:

使用CSS将图标定位到santhosh提到的右侧 通过CSS显示隐藏展开图标:无;并使用headerToolbar聚合。在那里,你可以做你想做的事情,并在右边放置一个按钮,用一个按键器展开/折叠面板 覆盖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;
}
请注意,sap.m.Panel控件附带的I类myPanelIconRight将自定义样式与UI5 CSS分开

溴 克里斯