Skip to Content

How to change color on tabstrip top area?

Hi experts

We would like to change the color on the top area of the tab strip component in our css file. Is this possible?

Kind regards

Erik

Add a comment
10|10000 characters needed characters exceeded

Related questions

2 Answers

  • Best Answer
    author's profile photo Former Member
    Former Member
    Posted on May 27, 2013 at 08:53 PM

    Hi Erik,

    yes, that should be possible in Design Studio 1.1 according to following tutorial:

    http://scn.sap.com/docs/DOC-41398

    You could then use for instance the element sapUiTabBarCnt (gray) and sapUiTabSel (red) as in this example:

    Best regards,

    Victor


    TabStrip.PNG (2.8 kB)
    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member Former Member

      Hi Stefan,

      with the following css you change the uper corner of the active tab to red:

      .sapUiTabBarCnt .sapUiTabSel { background-color: #FF0000;

      }

      If you would like to change the font-weight, or something else, too, you could use

      .sapUiTabBarCnt .sapUiTabSel {

      background-color: #FF0000; font-weight:bold;

      }

      Greets,

      Ben

  • Posted on May 27, 2013 at 11:48 AM

    I don't see how you can do that by looking at the tab strip properties

    It looks like you can only change the themes

    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.