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

    Added text to customer confirmation doesn't retain double spacing

    Asked by Monique888 on April 16, 2011 at 11:17 PM

    Hi,

    On 1/4 sheet cake customer confirmation, I have added instructions/location, however, left justification wasn't working with all sentences (I eye-balled it and entered manually to correct, so it looks ok now, except for "Pick Up Mystic Cupcakes at:"  Would like the text to align with the rest of the Q/A.  The double spacing is not working.  Should be double 1. after 'picking up.' 2. after '(directions only)' 3. after 'Closed'4. after 'order number' 5. after 'purchase!' 5. after MysticCupcakes@gmail.com

     

    Please note the Date and Time you are picking up.   Mystic Cupcakes 

            Pick Up Mystic Cupcakes at:

          Bella Donna Special Events
          21727 Sherman Way, Canoga Park, CA 91303
          (Between Jordan Ave and Owensmouth Ave)
          818-704-5032 (directions only)

          Hours:
          Thursday-Sunday             10am-6pm
          Sunday-Monday/Holidays:  Closed 

          Please bring this order form and inform Bella Donna you are picking up Mystic Cupcakes. If the Birthday
          Person is picking up without a copy of the order form, please instruct them to provide the purchaser's last
          name, first initial. This is the order number.

          Thank you for your purchase!

          MysticCupcakes@gmail.com

      Mystic Cupcakes: 1/4 Sheet Order Form Submission

     
     
    Question Answer
    1) Customer Name (Giver) x x
    2) Birthday Person's/Pet's Nam

     

    These changes would need to apply to all order forms, but still currently revising them.

    Thank you

  • Profile Image
    JotForm Support

    Answered by abajan on April 17, 2011 at 06:14 AM

    Hi Monique888

    The best solution I can come up with at the moment is to rearange the fields like this. A number of changes were made to achieve this result.

    If you wish your form to look like that, clone it (in other words, clone my clone of your form :-) and then do the following:

    1. Click question No. 22 and then click "Options" in the toolbar and copy the code you see to the clipboard (Ctrl+C)

    2. Open another instance of your "My Forms" page in a new tab or window and load your original form in the form builder, click question No. 22, delete it (click the red X) and replace it with a checkbox field (Form Tools > Checkbox)

    3. Click "Options" in the toolbar, select all of the text (Ctrl+A) and paste (Ctrl+V) what you copied to the clipboard in Step 1.

    4. In the tab or window containing the clone, click the field containing Question No. 22 and copy all of the agreement text from the label to the clipboard

    5. Return to the original form and in the label of the equivalent field, replace "Click to edit" with what you just copied

    6. Click "Required" in the toolbar

    (At this point you should see two red asterisks in that field: Question No. 22 of your original form. We will remove one of one of them shortly)

    7. Remove most of the text of the label of the date field, leaving just "Enter the Date and Time you are picking up:"

    8. Remove the Free Text (HTML) field immediately above it (that which contains the calendar link)

    9. Insert a Free Text (HTML) field (Power Tools > Free Text (HTML)) immediately under the date field

    10. Return to the tab/window containing the clone and click the equivalent field, then click "Edit HTML"

    11. In that box, click the little toolbar button labelled "HTML" to open the HTML Source Editor window

    12. When that window loads, select all of the text and copy it to the clipboard

    13. Click "Cancel" and return to the tab/window containing the original form

    14. Click the Free Text (HTML) field you inserted in Step 9., click "Edit HTML" and click the little "HTML" button

    15. When the HTML Source Editor window loads, paste the text copied in Step 12., click "Update" and then click "Complete"

    (The next step will remove that extra asterisk mentioned in parentheses after Step 6. and take care of a couple other styling issues. However, you will need to use Firebug to determine the correct CSS selectors.)

    17. While on the "Setup & Embed" tab, click "Preferences" > "Form Styles" and enter the following CSS (replacing the number portion of the selectors where necessary)

    18. When done, click "Close Settings" and Save your changes

    Incidentally, you will discover that Firebug can be used to determine the CSS that needs injecting to adjust various other parts of your form not mentioned.

     

    Please let us know if we can be of additional assistance.

  • Profile Image

    Answered by Monique888 on April 17, 2011 at 01:56 PM
    Abajan,
    Thanks for your reply. So, enter my text in the form with Free Text (HTML)
    then cut/paste into the customer email? Sorry, not sure where the custom
    CSS comes in. Do you have an example? Will wait for the CSS code.
    Thank you
  • Profile Image
    JotForm Support

    Answered by abajan on April 17, 2011 at 06:02 PM

    Monique,

    To simplify matters, I have taken the liberty of copying a totally functional clone of your form from my account to yours. To avoid any confusion, I have given it a pink background so that you can easily distinguish it from your original.

    At the moment, it is disabled so that you would not have two very similar forms operating simultaneously. What you can do is disable your original and enable my clone to test it. If you are happy with the results, keep it and discard the other one. (Seeing that only test submissions are stored from your original form, it is safe to discard it. Remember to empty it from the trash as well.)

    Incidentally, for the order number I substituted a unique ID for the last name and initial because a situation could arise where a customer places two separate orders to be collected on the same day or you could have two customers with the same name. Using the unique ID ensures that each order has a number that is associated only with a specific order. To view unique IDs on the submissions page, click the icon shown in the following screenshot and check the box indicated:

     

    How to disable your original form

    1. Load the form in the form builder and click "Preferences" in the toolbar

    2. While on the "General Settings" tab, click "Enabled", change it to "Disabled" and click "Close Settings"

    3. Save your change if it was not auto-saved

    To enable my clone, follow the same procedure, except that you would change "Disabled" to "Enabled" in Step 2.

    Please let me know how this all turns out and feel free to ask our team additional questions about JotForm forms. We would be happy to assist you.

  • Profile Image

    Answered by Monique888 on April 18, 2011 at 07:31 PM
    Abajan,
    Thank you for going out of your way. Entering the text in HTML and then
    copy/pasting in the confirmation worked to keep the double-spacing. I like
    the way you highlighted the bakery name/address and liked your wording.
    When you work on something for so long, a fresh set of eyes is helpful.
    This is a great product!
    Thank you,
    Monique
  • Profile Image
    JotForm Support

    Answered by abajan on April 18, 2011 at 07:49 PM

    Glad to be of service, Monique :-)

  • Profile Image

    Answered by Monique888 on April 21, 2011 at 06:50 PM
    Hi Abajan,
    I copied/pasted the \'pick up instructions\' from your form to my \'framed
    birth chart\' form confirmation. The \'test\' retains the double spacing,
    however, when tested from my site (pretend to be customer and
    complete/submit form), the confirmation I receive is still only single
    spaced. How retain double spacing on customer\'s actual confirmation? I
    think you may have mentioned a custom CSS code, but that wasn\'t sent since
    this was the solution...so we thought. :)
    Thank you!
    Please note the Date and Time you are picking up. [image: Mystic Cupcakes]
    Pick Up Mystic Cupcakes at:
    *Bella Donna Special Events*
    *21727 Sherman Way, Canoga Park, CA 91303*
    (Between Jordan Ave and Owensmouth Ave)
    818-704-5032 (directions only)
    Bakery Hours:
    Thrusday-Saturday 10am-6pm
    Sunday-Monday/Holidays Closed
    Please print this email and take it with you when picking up your order from
    Bella Donna. If the Birthday Person is picking up without a copy of the
    confirmation, please instruct them to provide the purchaser\'s last name,
    first initial. This is order number (ID).
    Thank you for celebrating with Mystic Cupcakes!
    MysticCupcakes@gmail.com

    Mystic Cupcakes: Framed Birth Chart $48.00 tax Order Received

  • Profile Image

    Answered by allanftd on April 22, 2011 at 09:55 AM

    Hello Monique,

    Regarding the line spacing issue, I checked your email template and made some minor adjustments in the spacing between each paragraphs to double space by pressing the return key, and then sent a test email and the format was retained as shown below:

    Kindly try it on the other email templates and let us know if it works or not.

    Please let us know if we can be of further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

     

  • Profile Image

    Answered by Monique888 on April 25, 2011 at 01:15 PM
    Allan,
    Thank you! It worked!
    Monique
  • Profile Image

    Answered by allanftd on April 25, 2011 at 04:07 PM

    You're welcome, Monique! We're glad to hear that its now fixed.

    Thank you and enjoy using JotForm!

    JOTFORM SUPPORT