Servoy Forum

Hello,

I'd like to customize the rendering of our WebClient CRM application through css.

I created a new file servoy_web_client_default.css.
I put in a 'custom' directory under C: \ Servoy6 \ application_server \ server \ webapps \ ROOT \ Servoy-webclient \ templates \ custom.
I added my

application.setUIProperty (APP_WEB_PROPERTY.WEBCLIENT_TEMPLATES_DIR, 'custom');

in the OpenSolution. The new CSS is considered. So far, everything is OK.

I'd like to change the look of our tabs. The problem is that we use Labels as Tabs (consequence : I can't use the css class "Tabs"). So I'd like to target (in CSS) theses labels thanks to their Servoy Id but I can not do it. This works with short Dynamically generated ID's but the problem is that these IDs are constantly changing!

My question is: how do I target specific labels in my servoy_web_client_default.css?

Note that I did not use the Servoy styles because I want to use css properties not supported by Servoy (border-radius ...)

I hope I was clear. Thank you very much in advance.

Screens of our tabs :


Vincent

Hi Vincent,

You can do this using the WebClientUtils plugin using setExtraCSSClass. You can set a specific class to a Servoy element in the DOM.

R,

Wouter.

Thank you very much !