We want to convert below current form into below format

  • Profile Image
    growth99
    Asked on December 11, 2017 at 04: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.14

    Want to convert into below format. 

    1512962147Screen Shot 2017-12-10 at 8.14

  • Profile Image
    Nik_C
    Answered on December 11, 2017 at 05:37 AM

    Something like this can be created:

    1512988540Screen Shot 2017-12-11 at 11.4

    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!

  • Profile Image
    growth99
    Answered on December 11, 2017 at 04: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 

  • Profile Image
    Mike
    Answered on December 11, 2017 at 06:23 PM

    To check Nik's CSS please clone his form.

    Here is a guide:

    How to Clone an Existing Form from a URL

    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.