Design of the button's selection (with images)

  • tctrust
    Asked on March 4, 2017 at 5: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.

     

    Design of the buttons selection (with images) Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on March 5, 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: 

    Design of the buttons selection (with images) Image 1 Screenshot 20

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

    Hope this helps. 

  • tctrust
    Replied on March 5, 2017 at 1: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.

  • jonathan
    Replied on March 5, 2017 at 4: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.

  • tctrust
    Replied on March 6, 2017 at 5:46 PM

    Hello.

    Some new?