How to use bootstrap glyphicon classes with checkbox and radio button

[velseenu@gmail.comParticipant]

Hi Team,
I hope You have better solution, what i’m looking for.
In checkbox/ radio button we use some images to represent the state, for example if the checkbox is checked then we display one check mark as background image for the corresponding class name

Currently jqwidget use the below style to represent check mark in checkbox:

.jqx-checkbox-check-checked {
float: left;
background: transparent url(images/check_black.png) center center no-repeat;
padding: 0px;
border: none;
outline: none;
margin: 0 0 0 0;
}

i need to use the glyphicon from bootstrap to achieve this image, i don’t want to set the background image.

refer this link to what i’m expecting: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_glyph_ok&stacked=h

I know that i need to include the glyphicon classes to the control and i don’t know where to include that.

Could You please give me a suggestion how to include glyphicon to the jqwidget checkbox as well as radio button.

[HristoParticipant]

Hello velseenu@gmail.com,

Unfortunately, there is no another way to change a style with CSS of the checkbox.
Best way is to use different themes.
Please, take a look this demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxbutton/checkbox.htm?bootstrap

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts