How to manage change of color dynamically in Tab_clientside Control

How to manage change of color dynamically in Tab_clientside Control

  
Hello,

I want to dynamically change color in one of tabs in Tab_clientside Control,dynamically when i am working on other tabs,the color should dynamically change from "green" to "red".

please find attached image.(TabImage.jpg)

Thanks in Advance.

Thanks & Regards,
Swaroop Mutalik
Hi Swaroop,

The Tabs_ClientSide uses css classes for the tabs so you just need to override the colors you need on your stylesheet.

Here is a page I made with an example: https://my.outsystemscloud.com/ColoredTabs/

The css I used:

.Tabs_TabOn {
    color: green !important;
}

.Tabs_TabOff {
    color: red !important;
}


Regards,
João Rosado

Hi Joao,

Thanks for your reply, the place where i am stuck is,for example i am working on "Tab 1,2,3" and based some values coming from DB "Yes/No" ,i need to toggle the color of "Tab 4" from green to red.

So how to manage change of css properties of one of tabs of tabs_clientside using values from DB.

Thanks & Regards,
Swaroop Mutalik
Oh .. ok.
Tought you only wanted to make red the inactive tabs.
Making it dynamic will need some tricky javascript :)

Can you explain the full use cases so I can get it right?
When will the colors be decided? (on page rendering or it also depends on what tab is selected?)

Regards,
João Rosado