Images instead of radio buttons

  • Resolved banglimantas

    (@banglimantas)


    2 years, 8 months ago

    Hello,

    I am currently working on a cleaning service website, and I am trying to make a calculated field form where the clients could get an approximate cleaning price based on their apartment/house area size. I had this design idea, to display radio button choices as images so that it would be more visually appealing.

    For example, in the calculated form there would be a radio button field with two choices (house cleaning and apartment cleaning) and it would be really nice if the radio buttons could be changed in to clickable images.

    Is there a way to do something like that ?

    Thank you in advance!

    P.S.
    https://wpforms.com/docs/how-to-add-image-choices-to-fields/

    Though this article is from WPforms it shows exactly what I want to achieve. I am sharing it with you for an easier understanding.

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @banglimantas

    Yes, of course, you only should enter the image tag into the text of choices in the radio buttons or checkbox field. The choices in radio buttons and checkbox fields include two input boxes for entering the choices’ texts and values, respectively. Into the input box for the choice’s text, enter the <img> tag:

    Ex. <img src="https://www.yourwebsite.com/path-to-the-image/image.jpg">

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Images instead of radio buttons’ is closed to new replies.