Add Another Product Line

  • Matt_Holmes
    Asked on March 9, 2016 at 10:51 AM

    Hi Support

    I am just wanting to create an order form where the customer is able to submit a multiple line order.

    I just want to be able to have a button that says "ADD Another" (say!) and they can keep adding as many lines as they require. 

    Hope that makes some sense.

    Kind Regards

     

    Matt

    PS no url yet

     

  • KadeJM
    Replied on March 9, 2016 at 11:52 AM

    Do you mean that you want to create an order-based form that the customer could dynamically add more to the order for various items as needed or something of the sort?

    We have several dynamic widgets which you may find useful for creating your desired workflow.

    See our dynamic textbox widget as an example which has "add more" on it.

  • Matt
    Replied on March 21, 2016 at 7:28 AM

    Hi KadeJM

    Sorry its taken so long to get back to you.

    Yep, I think that's what am after.

    Regards

    Matt

  • mert JotForm UI Developer
    Replied on March 21, 2016 at 8:31 AM

    Hi Matt,

    In addition to what my colleague has already advised, I suggest you to use "Configurable List" to beat this objective. Also, you can find the useful guide to setup the widget from the below:

    http://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

     

    Last but not least, you can check the live demo of the widget through the link below:

    https://form.jotform.com/60141718405953

     

    For further assistance, please do let us know.

    Regards.

  • Matt_Holmes
    Replied on March 21, 2016 at 10:09 AM

    HI Mert

    Yep I moved onto that widget.

    https://form.jotformeu.com/60803041116340

    Got a bit of an issue with layout now. Any advise welcome.

    Matt

  • mert JotForm UI Developer
    Replied on March 21, 2016 at 10:30 AM

    Matt, if you are talking about the overflow issue with the widget, you can easily fix this by injecting some custom CSS to your widget. Please, copy&paste the following code into your widget's "Custom CSS" tab:

     

    select {

        width: 100px !important;

    }

     

    To access the "Custom CSS" tab on widget's wizard:

    Add Another Product Line Image 1 Screenshot 20

     

    If encounter any inconvenience, please do let us know.

    Regards.

  • Matt_Holmes
    Replied on March 21, 2016 at 10:35 AM

    Cool thanks.

    Last one hopefully can I tweak the length of different fields with CSS also?
  • Ben
    Replied on March 21, 2016 at 10:41 AM

    In my colleagues name you are welcome Matt. Now in regards to your new question, I have moved it to a new thread here: https://www.jotform.com/answers/799109 where we will be assisting you shortly in regards to the same.

    This is so to avoid confusion and since we can only assist with one issue / question per thread. As such it is always best to open a new thread if the subject is not the same.

    Thank you.