[SOLVED] radiobutton as image

Hi, there is a way to 'render' a radiobutton field as image in profile page? I mean:
- in edit profile page a simple radiobutton with choices "opt1","opt2","opt3"
- but in profile page that opt1, opt2, opt3 should be replaced by images, like "<img src="opt1.jpg"/>", "<img src="opt2.jpg"/>","<img src="opt3.jpg" />"

I guess it's more simple to do than to explain

Using the field layout feature in CB 2.x you can replace the fields output with substitution usage. Using a substitution IF statement you can output an image based off the value. Example as follows.

[cb:if FIELD_NAME="opt1"]<img src="opt1.jpg"/>[/cb:if]
[cb:if FIELD_NAME="opt2"]<img src="opt2.jpg"/>[/cb:if]
[cb:if FIELD_NAME="opt3"]<img src="opt3.jpg"/>[/cb:if]
[cb:if FIELD_NAME="opt4"]<img src="opt4.jpg"/>[/cb:if]

For more substitution usage information please see the below tutorial.

www.joomlapolis.com/support/tutorials/107-use-cases/18353-using-substitutions-throughout-cb

If you want the actual options in profile edit to display as images then you'll need to use CSS or possibly language strings that output HTML may work.

where should I add that code? Do you mean in custom html field?
I thought in CB2 there was a better method..

Edit your radio field within CB > Field Management then under Parameters supply the substitution for "Profile Value Layout" which lets you override the profile display of the field.

I tried, that code replaces my value with nothing (not a broken image, just nothing)..

The code I've supplied is a template. It is not a working example. I've no idea what your field name is or the path to your images are. Please be sure you've replaced the necessary information. For example FIELD_NAME should become the name of your radio field (e.g. cb_myradio). The img src should correctly point to your images. The values being matched should match the actual values of your radio field.