bootstrap radiobutton in registration form

i want to use those buttons
instead of a radiobuttons field in registration form.
what is the best way to do that?

You'd have to use CB Auto Actions and a Code action on the registration form display trigger then use jQuery to try and modify the DOM. I highly suggest not doing this though as it's going to beak all of the jQuery bindings the field may have.

krileon wrote: I highly suggest not doing this though as it's going to beak all of the jQuery bindings the field may have.

so how can i give my registration form a more modern and professional look?
can i at least add an image in radiobutton label?

When it comes to large HTML restructuring like that you can't. The best you can do is try to use CSS to style it.

can i at least add an image in radiobutton label?

Make sure all your radio field values are language strings like _UE_MYVAL1 then translate it into HTML. Example as follows.

'_UE_MYVAL1' => '<img src="MY_IMG_URL" /> Value 1'

This usage should work ok.

i realized my bootstrap radiobutton adding a few clean js code via autoactions
one question:
my radiobuttons are like
i've a problem with that class "cbSnglCtrlLbl" there is a way to differentiates each radiobutton span like cbSnglCtrlLbl1,cbSnglCtrlLbl2..?
any idea?

With jQuery, yes, you'd just grab all of them and do an each loop which will give each an index that you could then add as a class if you wanted, but I don't really see a need to do that.