Support is currently limited. See our hours of operation.

This help desk is no longer actively support. We have switched to a ticketing system to more smoothly manage support, and free up development time. Your newly created tickets won't be available here. You will instead have an email history of your new tickets.

We are working on moving everything current and helpful from public tickets into the docs. This will be a long process and in the meantime, public tickets will remain searchable.

Your private tickets will remain available to you indefinitely. See your old tickets.

Help Desk

Radio Buttons with Images

Labels

This Ticket is public

Notifications

I've worked out I can create radio buttons with images by putting the <img /> details in the label field.

Now I would like to set the height of the images so that they render nicely - each image will have a slightly different shape....but I want it to look symmetrical? So by setting the height value of the images to all the same size, then we will solve the problem.

How do I set the class on each image?

 

Is there a better way to have select fields with images?

I updated my code in your other post to include this.

Here it is as well:

<style>
.with_frm_style .centered_frm_radio .frm_radio input[type=radio] {
 display: block;
 margin: 0 auto;
}
.frm_style_formidable-style.with_frm_style .centered_frm_radio .frm_radio {
 display: inline-block;
}
.centered_frm_radio .frm_radio img{
height: 100px;
}
</style>

Ticket closed.

[formidable id=164]
[formidable id=164]