How to change the Notification email layout?

  • mktaxi
    Asked on December 8, 2014 at 12:05 AM

    Hi!

    I have problem with the layout of the notification emails since Friday, 12/5.

    We set the layout to HTML form so the questions and answers are right under each other in two columns so it is easy to look through the orders. Since 12/5 however, the layout is kind of jumbled and there are no columns, only plain text form. The words follow each other in a row. Could you help us fix this?

     

    This is what I receive instead of the neat layout we set:

    Question Answer I would like to ... {iWould83} Agent's/Representative's full name: {agentsrepresentativesFull4} Sex: {sex97} Customer's full name: {customersFull} Sex: {sex} Email address: {emailAddress6} Phone Number: {phoneNumber80} Date of travel: {dateOf} Type of limousine: {typeOf9} Number of limousine: {numberOf10} Number of passengers: {numberOf11} Number of big suitcases: {numberOf12} Pick-up address/hotel: {pickupAddresshotel} Pick-up time: {pickupTime} Drop-off address/hotel: {dropoffAddresshotel} Drop-off time: {dropoffTime} Payment method: {paymentMethod} Requested tour: {requestedTour} How did you reach this website? {howDid18} Other temporary course name: {otherTemporary} I would like to visit the following places: Place 1 {place1} other: {other} Place 2 {place2} other: {other34} Place 3 {place3} other: {other38} Place 4 {place4} other: {other36} Place 5 {place5} other: {other40} Place 6 {place6} other: {other42} Place 7 {place7} other: {other44} Place 8 {place8} other: {other93} Questions/Requests {questionsrequests} I have read and understood the "Remarks". {iHave}How to change the Notification email layout? Image 1 Screenshot 20

     

    By the way, whenever we try to open our forms, it says "The web page is not available." 

     

    Thanks for the help.

    MK Taxi

  • val
    Replied on December 8, 2014 at 5:35 AM

    Hi,

    I would suggest that you would use tables on your HTML form so it will prevent scattering your HTML form. Please check HTML tables below you can use that in your form.

     

    <table border="0" cellspacing="1" cellpadding="1" width="530" height="37" align="left">
    <tbody>
    <tr>
    <td>Question Answer</td>
    <td><br /></td>
    </tr>
    <tr>
    <td>&nbsp;I would like to ...</td>
    <td>{iWould}</td>
    </tr>
    </tbody>
    </table>

     

    If you want to add rows on the table simply add like this.

    <td>&nbsp;I would like to ...</td>
    <td>{iWould}</td>

    <td>New rows2</td>
    <td>New rows2</td>

    <td>New rows3</td>
    <td>New rows3</td>

    Sorry, I moved your other question to a new thread and you will be answered here:

    http://www.jotform.com/answers/471016

    Hope this help.

    Thanks.

     

  • mktaxi
    Replied on December 8, 2014 at 7:13 PM

    I see. Thanks.

    Where am I supposed to add these lines?

  • Ashwin JotForm Support
    Replied on December 8, 2014 at 9:21 PM

    Hello,

    Upon checking your form's notification email alert, I found that it is currently in "Text Mode". I would suggest you to change it to "HTML Mode" by clicking on the "Switch to HTML mode". Please check the screenshot below:

    How to change the Notification email layout? Image 1 Screenshot 20

     

    You may like to delete your existing email alert and add a new one. New email alert will always create it in HTML mode with proper rows and columns. If you want you can update in new email alert. The following guides should help you:

    Delete email alert:  https://www.jotform.com/help/132-How-to-Delete-Notifications-Autoresponder

    Add new email alert:  https://www.jotform.com/help/25-Setting-Up-Email-Notifications 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!