Image Radio Buttons widget: Ability to select an option by default

  • lagunaboo
    Asked on February 1, 2016 at 6:22 AM

    Is it possible to have a default selection for a image radio button. Does it need some css injected.

  • Kiran Support Team Lead
    Replied on February 1, 2016 at 10:25 AM

    I understand that you would like to have an option selected by default for Image Radio button widget. Unfortunately, it is not possible to have the option selected by default using Image Radio Buttons widget. Alternatively, you may consider using Radio buttons from the Form tools so that you can add images to the options directly using <img> tag.

    Image Radio Buttons widget: Ability to select an option by default Image 1 Screenshot 20

    Let me forward the thread to our backend team to see if this feature can be implemented. I cannot promise you that the feature will be implemented or any ETA at the moment. However, you'll be posted through this thread when we have any update in this regard.

    Thank you!

  • lagunaboo
    Replied on February 1, 2016 at 1:33 PM

    Thanks for that. That works well. But

    Is there a way to move the small circular selection button to the bottom of each image, also allow padding between images (or a way I can go above 125px wide without overlapping. and justify the text to centre under each image.

    I will be using multiple radio buttons of my form so want to get it right before I start.

    Image Radio Buttons widget: Ability to select an option by default Image 1 Screenshot 20

    Thank You

  • victor
    Replied on February 1, 2016 at 4:39 PM

    I have just reviewed your form and noticed that you were able to place the radio underneath the image and place the text in the center.

    Image Radio Buttons widget: Ability to select an option by default Image 1 Screenshot 20

    If you require additional information, please let us know. We will be glad to assist.

     

  • lagunaboo
    Replied on February 1, 2016 at 4:50 PM

    That may be true. But it is with the image radio button widget. 

    as per the original question, I am trying to use the radio buttons and add my own pictures as the widget does not allow a 'default choice'

    you will find that the last fields are radio buttons with pictures added, as per my picture above.

    the question was is there any way to move the radio button, tidy the text and pad the images.

    thanks...

  • Kiran Support Team Lead
    Replied on February 1, 2016 at 9:06 PM

    This may be achieved by adding some CSS to the form. We'll address the issue on a separate thread shortly since the original thread is related to Image Radio button widget.

    http://www.jotform.com/answers/762041

    Thank you!