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

    Email autoresponder alternates/changes colors

    Asked by bokapowellhr on November 03, 2016 at 04:47 PM

    See attached screenshots.

    I have changed the source code to apply specific colors in the cells in my autoresponder so that they correspond to different groups of questions/fields. I do not want them to automatically alternate row after row, and I do not want the form to default to the standard hex color #f3f3f3. The form also auto-resizes the columns after I set them to a specific width.

    How can I get around these automatic resets?

    Page URL:
    https://www.jotform.com//?formID=62785958001159

    Screenshot
    email source different screenshots attached
  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 03, 2016 at 06:49 PM

    Unfortunately, your screenshot did not reach this thread, please upload your screenshot on your next reply by following this guide: How-to-add-screenshots-images-to-questions-in-support-forum

    Now, I have checked the source code of your email auto-responder and I can see some of the rows have the white color and the others have the color "#f3f3f3", here is a screenshot of it: 

    When I submitted your form I received the auto-responder and the body looks like this: 

    As I can see you seem to be changing the background color in the "bgcolor" property in the HTML tag directly, what I would suggest you is to remove that and apply the background color in the directly injected CSS code to the tag, the code between "style" and also using the "!important" rule so you avoid anything else to overwrite the background color. 

    You could also do the same with the width, currently it is set up as "100%" so you can change the value in percentage and set a new one in "px" so the width is fixed. 

  • Profile Image

    Answered by bokapowellhr on November 04, 2016 at 11:28 AM

    Thanks, Kevin. I will try that. 

    For reference, here is a link to the screenshot:

    https://www.jotform.com/uploads/bokapowellhr/form_files/Support Request to JotForm.199.jpg

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 04, 2016 at 01:38 PM

    I have cloned one of your forms and I can see what you're currently referred to, even when I have changed the background color in the "bgcolor" property I can see it is still the default when I received the email. 

    However, I can see also changing the background color and the table size using injected CSS code is not overwritten by the default settings. 

    For example, I have copied the source code of the email in a text editor and added the background color as CSS code: 

    Then it worked when I submitted  the form and received the email, here is what I got before injecting the CSS code and trying to change the "bgcolor" property only: 

    This is what I got when injected the CSS code and changed the background color with that: 

    So I would suggest you ti give it a try, copy the source code of the email in a text editor and then make the changes in the CSS code injected directly, then paste all the code again in the email body (in the wizard), submit your form and you should see the changes applied to the email. 

    Hope this helps.