图标选项卡筛选器全文

Question

我想显示具有图像的全文图标选项卡筛选器栏。如何解决它？与showAll =“true”用于没有图像。

感谢， 鲍比

icon tab filter with separated text

Answer 1

SHOWALL不会以这种方式工作。它与文本项目的包装无关。

形成sap.m.IconTabFilter的API文档： “启用特殊 可视化禁用过滤器（显示所有项目）

默认值是假的。”

可能的解决方案：使用CSS增加单个IconTabFilters的大小或禁用使用CSS的文本换行。

Answer 2

如果您的标签被截断，可以考虑使用更短的标签或文本标签（没有图标），文本标签不能被截断。

纯文字变体是最常见的变体之一。它允许使用更长的标签，还可以显示文本上方的计数器以指示标签页上的项目数。

与所有其他选项卡变种，标签不被截断。全文始终显示。

Answer 3

  <IconTabBar> 
      <items> 
      <IconTabFilter icon="sap-icon://hint"> 
      <l:SimpleForm minWidth="1024"> 

      <core:Title text="Address"/> 
      <Label text="Name"/> 
      <Text text="{BuyerName}"/> 
      <Label text="Created At"/> 
      <Text text="{CreatedAt}"/> 
      <Label text="Created By Bp"/> 
      <Text text="{CreatedByBp}"/> 

      </l:SimpleForm> 
      </IconTabFilter> 
      <IconTabFilter icon="sap-icon://attachment"> 
      <l:SimpleForm id="SupplierForm" minWidth="1024"> 
      <Label text="status"/> 
      <Label text="Name" /> 
      <Input value="{BuyerName}"> 
      </Input> 
      </l:SimpleForm> 
      </IconTabFilter> 
      </items> 
      </IconTabBar>