sap.m.IconTabFilter:如何用图标显示全文?

时间:2016-11-11 17:34:57

标签: sapui5

我想用IconTabBar显示全文和图标。怎么解决?使用showAll="true"时,会使用全文但没有图标。

icon tab filter with separated text

3 个答案:

答案 0 :(得分:0)

showall不能以这种方式工作。它与文本项的包装无关。

  
    

形成sap.m.IconTabFilter的API文档:"启用特殊功能     已禁用过滤器的可视化(显示所有项目)。

  
     

默认值为false。"

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

答案 1 :(得分:0)

如果您的标签被截断,请考虑使用较短的标签或文字标签(不带图标),因为文字标签不会被截断。

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

与所有其他标签变体不同,标签不会被截断。始终显示全文。

答案 2 :(得分:-1)

            <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>