jQuery CheckBox button in a Browse (change style)

[Robert Iliuta]

Hallo,


Anyone know how to change the style of a jQuery CheckBox text button in a browse? I would like to change the color and font-size of text.
I cannot find a way to do this.

Thanks,
Robert

[peterH]

Hi Robert,

Since Bruce seem to have disappeared I'll give it a try.

I haven't done that myself but first step is to find the class name associated with the button (using either FireBug or by displaying the page source). Next step - and this is the tricky part - is to find out in which css file the class is defined (and you'll probably find it in more than just one file). Decide the attributes you want to change and write a class with those attributes and with the same name but put it in your own css file. And make sure your file gets loaded after the other files holding that same class. Remember that you can use the !important; declaration to override attributes already set in another file (higher up in the hierarchy).

As an alternative you can write an entire new class with a new name and add that class to the button's class definition.

I hope this will get you started.

Peter

[Robert Iliuta]

Hallo Peter,

Thanks for post. The problem is that I cannot insert my own CSS for this button... What you explain bellow I have already done for all my web app. The css for this button is "ui-button-text" but this one is globally to a lot of others button so I cannot change this css. I need to include mine there (ui-button-text my-own-css) but I found no options for this. I think it's not possible for the moment to include custom css for this button.

I hope Bruce will confirm this.

Thanks,
Robert

[peterH]

Hi Robert,

Sorry, I wasn't paying enough attention to what you were writing.

Yeah - waiting for the Master 

Peter

[Bruce]

I've tweaked 8.29 so that the "Entry Class" CSS setting for the field is applied to the <label> tag, which in turn sets the font characteristics for the text on the checkbox.

Cheers
Bruce

[Robert Iliuta]

Thank you Bruce!
Robert