How can I add border in the recipient email notification?

  • Profile Image
    eacops
    Asked 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!

  • Profile Image
    ItalyTech
    Answered 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
    EduardoMendez
    Answered 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
    eacops
    Answered 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
    ItalyTech
    Answered 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
    eacops
    Answered 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
    ItalyTech
    Answered 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
    eacops
    Answered 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
    Mike_T
    Answered 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
    eacops
    Answered on August 16, 2012 at 01:05 PM

    This method works. Thanks!!