Skip to main content
Nintex Community Menu Bar
Question

Tab background color


Forum|alt.badge.img+14

I want to change the 4th tab "LEARN/EARN"to always be background green. How do I do this?

Then I want to condition either the 3rd or 4th tab to show, so this will not work a#ui-id-4 { background-color: green !important; } as which tab that shows will change.

Translate
Did this topic help you find an answer to your question?
This topic has been closed for comments

5 replies

Forum|alt.badge.img+17

Try adding a wrapper component with the background color Green and putting all the other components in the wrapper.

Translate

Forum|alt.badge.img+17

Disregard. I thought you meant the tab itself. I see you mean the tab label now

Translate

Forum|alt.badge.img+1
  • 3 replies
  • July 11, 2024

If you give the tab a unique id you can do

li[data-tab="mytabid"] { background-color:green !important; }
Translate

Forum|alt.badge.img+14
  • Author
  • 548 replies
  • July 11, 2024

Thanks Craig. That got me part way there. I am trying to get the button to go from #b2a2c7

to green. Suspect it has something to do with the a:

Translate

Forum|alt.badge.img+10
  • 326 replies
  • July 11, 2024

Here is the updated code that will work in Skuid verion 10.

.ui-tabs .ui-tabs-nav li[data-tab=“mytabid”]  {
    background-color:green
}

Translate

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings