Skip to Content
avatar image
Former Member

Back ground color changing Tabstrip in SAP Design studio

Dears,

I need to change the back ground of only tabs in tab strip components. I tried several CSS but doesn't work.Attaching screen shot for it.

.tabtabtripMobilestyle1

{ text-align:Left; font-family: "Calibri",bolditalic,sans-serif; font-weight:bold; font-size: 15px; }

As i added background css as :

Color : Blue; background-color: #0000ff;

It changes color of body of the below tab not main components.


tabstrip.png

tabstrip.png (4.2 kB)
Add comment
10|10000 characters needed characters exceeded

  • Hi - it would help the community if you would share which version of Design Studio you are using, where you are attaching the CSS, and what links you have searched for this yourself.

  • Get RSS Feed

4 Answers

  • Best Answer
    avatar image
    Former Member
    Feb 21, 2017 at 11:03 AM

    Hi Tammy,

    I followed your blog which is very helpful in understanding basic concepts of css.

    But I couldn't get exact code to change back ground color of tab panel in tabstrip component. Below given is screen shot for it.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Feb 19, 2017 at 10:40 AM

    Dear Tammy,

    Thanks for reply

    1) Version :SAP design studio 1.6 sp3

    2)I have added in the respective CSS under Display menu with CSS style.

    3) I have used https://www.w3schools.com/.

    Thanks & Regards

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Feb 20, 2017 at 11:21 AM

    Thanks Tammy.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Feb 23, 2017 at 08:28 AM

    Dear Tammy;

    Yes Tammy, I could n't change back ground of tabs but entire tab strip got changed which was not of my requirement.

    Attached herein is screen shot of output.but desired results didn't met.Please advise.tabstrip.jpg

    Add comment
    10|10000 characters needed characters exceeded