NetTalk Central

Author Topic: jQuery CheckBox button in a Browse (change style)  (Read 3815 times)

Robert Iliuta

  • Sr. Member
  • ****
  • Posts: 472
    • View Profile
    • Email
jQuery CheckBox button in a Browse (change style)
« on: October 13, 2014, 10:23:31 AM »
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

  • Sr. Member
  • ****
  • Posts: 413
    • View Profile
Re: jQuery CheckBox button in a Browse (change style)
« Reply #1 on: October 14, 2014, 12:58:40 AM »
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

  • Sr. Member
  • ****
  • Posts: 472
    • View Profile
    • Email
Re: jQuery CheckBox button in a Browse (change style)
« Reply #2 on: October 14, 2014, 02:36:05 AM »
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

  • Sr. Member
  • ****
  • Posts: 413
    • View Profile
Re: jQuery CheckBox button in a Browse (change style)
« Reply #3 on: October 14, 2014, 03:43:44 AM »
Hi Robert,

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

Yeah - waiting for the Master  ;D

Peter

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11244
    • View Profile
Re: jQuery CheckBox button in a Browse (change style)
« Reply #4 on: October 20, 2014, 02:24:56 AM »
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

  • Sr. Member
  • ****
  • Posts: 472
    • View Profile
    • Email
Re: jQuery CheckBox button in a Browse (change style)
« Reply #5 on: October 20, 2014, 04:31:33 AM »
Thank you Bruce!
Robert