Skip to Content
author's profile photo Former Member
Former Member

How put an icon in a TabStrip

Hi everybody,

I would like to know how put an icon in an xml TabStrip.

I have une commons TabStrip with two Tab and I would like to put an icon in each Tab but don't succed to do this.

<l:Grid defaultSpan="L12 M12" width="auto">




<c:Tab text ="text">







It's impossible to put icon="sap-icon://multi-select" in the Tab after the text="text"

How do? An idea?



Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

2 Answers

  • Posted on Nov 17, 2015 at 11:06 PM

    It is part of the tab's title.

    From the demo kit, you can see this done in javascript as....

    oTab2 = new sap.ui.commons.Tab("tab2");

    oTab2.setTooltip("address data");

    oTab2.setTitle(new sap.ui.core.Title("Title2",{text:"Address",icon:"images/address.gif"}));



    so for you it would be like...

    <c:Tab text ="text" icon="images/address.gif">

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Nov 18, 2015 at 05:44 AM

    Hi Ewen,

    You can use icon tab bar , refer this link SAPUI5 Explored , it may help.



    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.