WebClient Customizing (target only certain element Ids)

Using Servoy to administrate the content of your website? Discuss all webrelated Servoy topics on this forum!

WebClient Customizing (target only certain element Ids)

Postby vincentc » Tue Mar 13, 2012 11:18 am

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 :
Image

Vincent
vincentc
 
Posts: 56
Joined: Thu Aug 25, 2011 11:12 am

Re: WebClient Customizing (target only certain element Ids)

Postby wmoerdijk » Thu Mar 15, 2012 2:11 pm

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.
wmoerdijk
 
Posts: 21
Joined: Sat Sep 23, 2006 4:43 pm
Location: Amersfoort

Re: WebClient Customizing (target only certain element Ids)

Postby vincentc » Fri Mar 16, 2012 3:26 pm

Thank you very much !
vincentc
 
Posts: 56
Joined: Thu Aug 25, 2011 11:12 am


Return to Web Development

Who is online

Users browsing this forum: No registered users and 3 guests

cron