We want to convert below current form into below format

  • growth99
    Asked on December 11, 2017 at 4:35 AM

    5.  We are struggling - We want to convert below current form into below format.  Please help. Thanks 


    Thanks in advance. 

    Below is current


    1512962171Screen Shot 2017 12 10 at 8 Screenshot 10

    Want to convert into below format. 

    1512962147Screen Shot 2017 12 10 at 8 Screenshot 21

  • Nik_C
    Replied on December 11, 2017 at 5:37 AM

    Something like this can be created:

    1512988540Screen Shot 2017 12 11 at 11 Screenshot 10

    But it requires a bit of work, and it might not be that responsive on mobile devices, you can check here: https://form.jotform.com/73441614965966

    And you can check the CSS I used in Custom CSS of that form.

    Additionally, you can check Configurable list widget, it might work better for you: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

    Let us know if you have any further questions.

    Thank you!

  • growth99
    Replied on December 11, 2017 at 4:39 PM

    Where can I access the CSS you created? Thanks. 


    Also the section you created how can we make that fit in second shipper select box? 

    https://www.jotform.com/build/73415588949171#preview


    Thanks 

  • Mike
    Replied on December 11, 2017 at 6:23 PM

    To check Nik's CSS please clone his form.

    Here is a guide:

    How to Clone an Existing Form from a URL

    We want to convert below current form into below format Image 1 Screenshot 20

    I am afraid that we do not have a complete CSS to style your form in a similar way to provided example. You may consider hiring a developer who will be able to help you with the form layout. For example, you may consider https://www.upwork.com freelancers marketplace to hire someone.