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 can I add border in the recipient email notification?

    Asked by eacops on August 14, 2012 at 10:38 AM

    Hello,

    I was wondering if I could add border in the recipient email to separate different field/questions? Please see the screenshot below, when people receive the email and there is a lot of information in there, it is hard to tell where it starts and where it ends without the border.

    Thanks!

    Screenshot
  • Profile Image

    Answered by ItalyTech on August 14, 2012 at 10:59 AM

    Hi, sure it's possible.

     

    To do this simply open your email notification, and click on "HTML" button that you will see.

    A popup window will appear. Now simply search: "border" and change "0" value with your desired value (try with 1 or 2 and eventually you can increase this value).

     

    Change all BORDER value and after click on "Update" button.

    Hope this helps.

    Alessandro

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on August 14, 2012 at 10:59 AM

    Hi eacops,

    I was looking for ways to visually separate the answers and I noticed that you can format the notifications on your form very easily.

    If you open you are editing your form, choose the “Setup & Embed” tab.

    Click on “Email Alerts” (top-right)

    Click on the notification that you would like to format.

    You can edit your response in the text box.  Example:


    Question Answer 
    Click to edit (question asked)  {clickTo}  
    Click to edit (question asked)  {clickTo}  
    Click to edit (question asked)  {clickTo} 

    Change to :


    Question Answer 
    --------------------------------------
    Click to edit (question asked)  {clickTo} 
    -------------------------------------- 
    Click to edit (question asked)  {clickTo}  
    -------------------------------------- 
    Click to edit (question asked)  {clickTo}  
    --------------------------------------

     

    Or


    Question Answer

    Click to edit (question asked)

    {clickTo}

    Click to edit (question asked)

    {clickTo3}

    Click to edit (question asked)

    {clickTo4}

     

    Click the “Finish” button.

     

    That will include the line between the fields on your e-mail.  To add a solid line there is an "insert horizonta ruler" button to the left of the font options.

     

    That method worked for me. Hope it helps!

    Ed Mendez


  • Profile Image

    Answered by eacops on August 14, 2012 at 11:52 AM

    Thanks, but I was looking for a easier way to manage the content other than put in the line manually. The method by ItalyTech add the border around the entire form, but I need to add the border inside the form to seperate the questions. When we go to email motification, there is a tool called"Toggle guidelines/invisible elements" in the tool bar, it can remove/add the border in the forms to help you edit the email, what I want is to keep those border in the email.

  • Profile Image

    Answered by ItalyTech on August 14, 2012 at 12:09 PM

    Hi again,

     

    you don't have edited ALL border tag as I mentioned. I've just edited it for you.

     

    Test your form and tell me know if this can satisfy you,

     

    Thanks.

    Alessandro

  • Profile Image

    Answered by eacops on August 14, 2012 at 03:01 PM

    Thanks, I see it, but I realized the top and left border becomes really light when there is no content/answers in the cell. Is there a way to make all of them consistent?

  • Profile Image

    Answered by ItalyTech on August 14, 2012 at 03:12 PM

    Can you check again ? I've added bordercolor tag and set it to black (#000000 in exadecimal).

     

    Thanks.

    Alessandro

  • Profile Image

    Answered by eacops on August 14, 2012 at 03:53 PM

    Hi,

    I just tested and still the border is not consistent when there is no content in the cell.

  • Profile Image
    JotForm Support

    Answered by Mike_T on August 14, 2012 at 07:04 PM

    To solve that problem, please add some space before field {tags}. Open your Email Notification, and add the space before _{organizationName}, _{fullName198} and so on, then save that Email Template and your form.

    Please give it a try, and let us know if you need any further assistance.

  • Profile Image

    Answered by eacops on August 16, 2012 at 01:05 PM

    This method works. Thanks!!