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

    Is it posible to minorly edit the styling of an email notification?

    Asked by benmacadam on March 15, 2011 at 06:33 PM

    Heyi jotform,

    Thanks so much for this form service! It's such a help!

    Quick question:

    A client is asking that more space be made between two feilds of content in the submitted email notifications. (It sounds like they have trouble seeing the color background change on every other field.

    Is this something I can customize? I would like to add space between the two feilds as he requested or make the background more prominent so they can see the difference.

     

    Thanks!

    Ben

    Page URL:
    http://sanitationpostcards.com/order.php

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 15, 2011 at 07:10 PM

    Yes, notification email is customizable.

    1. Click on "Setup and Share" tab,
    2. Click on "Email Alerts",
    3. Select "Notification",
    4. Edit the email as you wish using the WYSIWYG editor.
    5. Click Finish to save or Test Email to test.
  • Profile Image
    JotForm Support

    Answered by abajan on March 15, 2011 at 07:44 PM

    Hi benmacadam

    I myself find that the gray (specifically, #f9f9f9) does not contrast enough with the white. However, it can indeed be changed. Load your form in the form builder and while on the "Setup & Embed" tab, click "Email Alerts" in the toolbar, then select the notification or autoresponder on which you wish to modify the alternate background colors. On the "Compose Email" screen, click the "HTML" toolbar button and when the HTML Source Editor displays the source, find each instance of #f9f9f9 and change it to the color of your choice. When you're done, click "Update" and "Finish" and save your changes. 

    Tip: It may be more convenient to copy the code into an your own HTML editor (like Notepad++, for instance) and perform a "find an replace" on f9f9f9. Then when you're through, copy and paste the edited code back into the Compose Email's source editor.

    Navigation Summary:

    My Forms > Using the up and down arrow keys, select the form > Edit > Email Alerts > Notification or Auto Responder > HTML button > change #f9f9f9 > Finish > Save

    As far as the spacing is concerned, I haven't tried adjusting that as yet but I'm sure that can be changed too.