What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to add a text field to add amount required

    Asked by NaturalChoice on July 13, 2014 at 05:41 PM

    Is it possible for me to code my own form content, I don't seem to see an option for it.

     

    this is what I am trying to recreate:

    Almonds, FRESH!!  France  £2.50   250g 

     

    with a text field before the 'Almonds' entry for the customer to add amount required

    for 20+ items!

  • Profile Image
    JotForm Support

    Answered by jonathan on July 13, 2014 at 08:09 PM

    Hi,

    Is this the form http://www.jotformeu.com/form/41855529330355 you were working on?

    I checked the form and I can see the Quantity texbox already... so, I am assuming you were not able to decide how to go after that?

    You're on track already actually. You can add a textbox field on the form where the respondent can put the amount required data.

    Please tell us if which part you are having difficulty and we will assist you on it.

    Thanks.

     

  • Profile Image

    Answered by NaturalChoice on July 16, 2014 at 12:14 PM

    hi jonathan, 

     

    sorry maybe I did not make myself clear.

     

    what I need is on the same line:

     

    textbox followed by Almonds, FRESH!!  France  £2.50   250g  

     

    All on the same line ... 

     

    thanks, Resi

  • Profile Image
    JotForm Support

    Answered by KadeJM on July 16, 2014 at 01:29 PM

    You can do that with some custom injected css. Are you trying to do something like this perhaps?

    Example Code:

    #id_10:after{

    content: "Almonds, FRESH!!  France  £2.50   250g";

    }

     

    Live Result: http://form.jotform.us/form/41964930290155   [clone it!]

    Screenshot:

     

  • Profile Image

    Answered by NaturalChoice on July 19, 2014 at 12:33 PM

    Thanks! we are closer:

     

    what I like is to have on the same line

    a check box, followed by teact box for the customer to tell me the quantity, then the label (which is my description.

    I thought I could amend the matrix table, but nope!

    (why can't i upload a photo of my sketch?)

     

    here is a link to Mailchimp. http://us8.campaign-archive1.com/?u=3933db97479bbf57d5d6b6c1f&id=272e8797ea&e=[UNIQID]

    the idea was that the email will notify the curtomer on the veg option and thenby selecting order now, they will go to the jotform where the same table of veg will be listed, with 2 addition:

    a checkbox for each item and also a text box for each item for them to write the quantity.

    hope this makes more sense now :)

     

    thanks, Resi

     

    thanks, Resi

     

     

  • Profile Image

    Answered by NaturalChoice on July 19, 2014 at 02:14 PM

    Ok, I have been doing some thinking and how about adapting the checkbox option.

    I can get this code working, but not sure how to enter it in the form?

     

    <span class="form-checkbox-item" style="clear:left;">

    <input type="checkbox" class="form-checkbox" id="input_11_0" name="q11_thisWeeks[]" value="Almonds, FRESH!! France £2.50 250g" />

    <id="cid_12" class="form-input">

    <input type="text" class=" form-textbox" data-type="input-textbox" id="input_12" name="q12_textBox" size="10" value="" maxlength="10" />

    <label for="input_11_0"> Almonds, FRESH!! France £2.50 250g </label>

    </span>

     

    how can I upload this code?

    thnaks, Resi

  • Profile Image
    JotForm Support

    Answered by EltonCris on July 19, 2014 at 09:57 PM

    Hi Resi,

    You can't use that code in form builder, that will be strip off. The only way to achieve that is to take and modify your form source code. http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

    You can arrange your fields in the source code so you can have the checkbox and textbox aligned on the same line.

    If you need further assistance, let us know here.

    Regards!

  • Profile Image

    Answered by NaturalChoice on July 24, 2014 at 10:31 AM

    Hi EltonCris,

    thanks I can get the source code form Jotform, modify, but how will I then upload once more onto Jotform?

    just a bit confused about that bit of the problem!

    thnaks, Resi

  • Profile Image
    JotForm Support

    Answered by KadeJM on July 24, 2014 at 11:06 AM

    What exactly do you mean by " how will I then upload once more onto Jotform? " Did you mean that where would you upload your form source code to after you are done modifying it? Or? Can you please clarify this a little more if I've misunderstood you.

    If you are going to use the source code you can place this into your site's html depending on the page you want your form to appear. Be advised that you will need to make sure your form is exactly as you want it first. Once that is done you can grab the source code and make any final modifications to then place to your site. Otherwise, it would not get updated when you embed your source code if you make changes again later in the formbuilder.

  • Profile Image

    Answered by NaturalChoice on September 16, 2014 at 05:41 AM

    HI KadeJM,

    could I recap so I make sure I got this right?

    1. I create the form to the best of Jotform capabilities

    2. I export the source code

    3. I import in the website (wordpress) as a post

    4.

    add the extra coding to give a text box after the checkbox

     after I circulate the link to the form on my site:

    5.

    once customers press submit, they will recieve the notification/thank you email in Jotform

    6.

    I will recieve email notifications of orders

    7.

    I can download the orders via submissions on Jotform

    8.

    if I link to dropbox, I should also get sumissions in there.

     

    all that correct?

     

    Cheers! R

  • Profile Image

    Answered by jedcadorna on September 16, 2014 at 08:08 AM

    Since we only answer one question per thread I had moved your other questions to a new thread.

    How to upload the source code downloaded from Jotform to Wordpress? http://www.jotform.com/answers/429408

     How will the customer receive a notification if they submit the form? - http://www.jotform.com/answers/429411

    How will I receive email notification of orders? - http://www.jotform.com/answers/429412

    How to download submissions on Jotform? - http://www.jotform.com/answers/429413 

    How to link Jotform to DropBox? - http://www.jotform.com/answers/429414 

    Add extra coding - http://www.jotform.com/answers/429415 

  • Profile Image

    Answered by NaturalChoice on October 25, 2014 at 09:15 AM

    HI I don't seem to be able to close the original form whish is the most likely solution so far 

     

     

    Any idea?

    thanks, R

  • Profile Image
    JotForm Support

    Answered by Jan on October 25, 2014 at 06:09 PM

    Hi,

    I have created another form for cloning issue. We will attend to your question on this thread (http://www.jotform.com/answers/449199) shortly.

    Thank your for your understanding.