圖標選項卡篩選器全文

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>