Using Images for Radio Button Input

  • Profile Image
    Asked on March 26, 2013 at 04:43 PM

    I have successfully added images to the radio button, but this caused some other problems.

    1. I have a condition attached to the radio button, but after adding the image, the conditions has stopped working. How can i fix this?

    2. I aligned the images to "absmiddle", but now the field label is still aligned to the top. I would like to align it to the middle of the field.


    See my form here:


    Thanks for your help.

  • Profile Image
    Answered on March 26, 2013 at 05:33 PM


    Please try to remove the codes for space ( ) and inject custom CSS codes instead to align the sub-labels. See it that works.

    With regards to the alignment, I think you have them correctly align. See image: