Design of the button's selection (with images)

  • Profile Image
    tctrust
    Asked on March 04, 2017 at 05:47 PM

    Hello.

    I need 3 images are centered in the width of the form.

    And increase the distance between the images.

    Also increase space between images and subtitles and put the subtitles in the Center.

     

  • Profile Image
    Kevin_G
    Answered on March 05, 2017 at 12:02 AM

    I would suggest you to try using a widget instead, the widget is already designed to display images in radio buttons already. 

    You will find the widget on this link: https://widgets.jotform.com/widget/image_radio_buttons 

    You only need to set the proper image size and inject this code to format the text the same as you already have in your current field. 

    span{

        color: #2e6da4;

        font-size: 1em !important;

        text-indent: 32px;

        font-family: "Oswald", sans-serif;

    }

    Injecting the code to the widget: 

    You cna see my sample form here: https://form.jotform.com/70629232392961 

    Hope this helps. 

  • Profile Image
    tctrust
    Answered on March 05, 2017 at 01:18 PM

    Hello.

    In case of change widget, I will have to modify nearly 20 conditions in form. I prefer to modify the current widget. Please, I request the CSS code.

    Thank you.

  • Profile Image
    jonathan
    Answered on March 05, 2017 at 04:04 PM

    Allow us some time to work on your form https://form.jotformeu.com/70516429944361

    It is very long and have a lot of conditions on it. The section you mentioned does not show immediately on the form during live use.

    We will be back to this as soon as we can.

    Thank you.

  • Profile Image
    tctrust
    Answered on March 06, 2017 at 05:46 PM

    Hello.

    Some new?