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 set notification and automatic reply email's backgound?

    Asked by tom268 on October 09, 2014 at 07:39 AM

    In defoult mode the notification and automatic reply email's backgound is grey, how can I set this white?

    tanks

    email reply email Table header background
  • Profile Image

    Answered by jedcadorna on October 09, 2014 at 09:30 AM

    Are you pertaining to the header section where it has Jotform logo and the background is set to grey?

    It is just an image attached to the notification HTML settings. You can just remove the section in the image below if you want it to be white. You can also create your own background and just replace the background="" url of your own image. You'll have to host it on your site if you are going to create your own background image then use the url in notifications HTML settings.

  • Profile Image

    Answered by tom268 on October 10, 2014 at 03:51 AM
    I meen not the table background I meen the page default backgrond see
    attachmnent
    The same you have in this your bottom email
    Thanks



    photo
    itettiamo-facebook.png#logo>
    Staff - Architettiamo.It
    Chiamaci Gratis:architettiamo.mtalk.net/
    Tel:0108939727 | Fax:0108932493


    ?cfem=1>



    _____
    Da: JotForm Support Forum [mailto:noreply@jotform.com]
    Inviato: gioved9 ottobre 2014 15:30
    A: info@architettiamo.it
    Oggetto: Re: How can I set notification and automatic reply email's
    backgound?
    A new response has been received:
    JotForm
    Answered by jedcadorna
    Are pertaining to the header section where it has Jotform logo and the
    background is set to grey?

    20Mail%20-%20Google%20Chrome%202014-10-09%2021.18.22.png>
    It is just an image attached to the notification HTML settings. You can just
    remove the section in the image below if you want it to be white. You can
    also create your own background and just replace the background="" url of
    your own image. You'll have to host it on your site if you are going to
    create your own background image then use the url in notifications HTML
    settings.

    e%20Chrome%202014-10-09%2021.25.55.png>
    View
    tic-reply-email-s-backgound> this thread on browser Unsubscribe
    tic-reply-email-s-backgound?k=435e3f729953162e8f04ae135a936919&unsubscribe=>
    Thread
    1412861425
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 10, 2014 at 08:37 AM

    Hello tom268,

    Unfortunately we are unable to see the image you have shared. I would suggest you to please share the image again and we will take a look. The following guide should help you in uploading image in your forum post:  http://www.jotform.com/answers/277033 

    Please be noted that it is possible to change the background color of your submission email. You should edit your email template. Please check the screenshot below:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by tom268 on October 10, 2014 at 10:01 AM
    Hello,
    I dony want to change table background but the page background.
    See thr attachment
    _____
    Da: JotForm Support Forum [mailto:noreply@jotform.com]
    Inviato: venerd10 ottobre 2014 14:38
    A: info@architettiamo.it
    Oggetto: Re: How can I set notification and automatic reply email's
    backgound?
    A new response has been received:
    JotForm
    Answered by ashwin_d
    Hello tom268,
    Unfortunately we are unable to see the image you have shared. I would
    suggest you to please share the image again and we will take a look. The
    following guide should help you in uploading image in your forum post:
    http://www.jotform.com/answers/277033
    Please be noted that it is possible to change the background color of your
    submission email. You should edit your email template. Please check the
    screenshot below:

    lBackground.gif>
    Hope this helps.
    Do get back to us if you have any questions.
    Thank you!
    View
    tic-reply-email-s-backgound> this thread on browser Unsubscribe
    tic-reply-email-s-backgound?k=435e3f729953162e8f04ae135a936919&unsubscribe=>
    Thread
    1412944650
    ...
  • Profile Image

    Answered by tom268 on October 10, 2014 at 10:01 AM
    Hello,
    I dony want to change table background but the page background.
    See thr attachment
    _____
    Da: JotForm Support Forum [mailto:noreply@jotform.com]
    Inviato: venerd10 ottobre 2014 14:38
    A: info@architettiamo.it
    Oggetto: Re: How can I set notification and automatic reply email's
    backgound?
    A new response has been received:
    JotForm
    Answered by ashwin_d
    Hello tom268,
    Unfortunately we are unable to see the image you have shared. I would
    suggest you to please share the image again and we will take a look. The
    following guide should help you in uploading image in your forum post:
    http://www.jotform.com/answers/277033
    Please be noted that it is possible to change the background color of your
    submission email. You should edit your email template. Please check the
    screenshot below:

    lBackground.gif>
    Hope this helps.
    Do get back to us if you have any questions.
    Thank you!
    View
    tic-reply-email-s-backgound> this thread on browser Unsubscribe
    tic-reply-email-s-backgound?k=435e3f729953162e8f04ae135a936919&unsubscribe=>
    Thread
    1412944650
    ...
  • Profile Image

    Answered by Shadae on October 10, 2014 at 10:17 AM

    Hi tom28,

    We do apologize, we are still not able to see the attachment you have provided. Is it possible for you to respond directly on the post on JotForm and place the attachment here so that we can be of further assistance to you.

    We look forward to hearing from you.

  • Profile Image

    Answered by tom268 on October 10, 2014 at 11:30 AM

     

  • Profile Image

    Answered by Ben on October 10, 2014 at 11:51 AM

    Hi Tom,

    You can not exactly change it as you would like to, but there is one hack to do it to show as you want.

    Add this to your email at the top:

    <div style="width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; background-color: white; overflow-y: scroll;">

    Add this after all elements of the email:

    </div>

    Apply the first line as shown here:

    To come to this option you should go to your notifier and click on HTML button in the toolbar

    After adding this click on the Test email button and check your inbox if that is what you wanted to achieve.

    Do let us know how this goes for you.

    Best Regards,
    Ben

  • Profile Image

    Answered by tom268 on October 13, 2014 at 09:21 AM

    No, dont works....it remain a grey zone to the upper side and whwn you reply the email it goes grey.

    Why JotForm obliges the gray background?
    Why it's impossible to customize this background?

  • Profile Image

    Answered by jedcadorna on October 13, 2014 at 10:37 AM

    Can you please share to us your form URL so we can clone and test it on our end. I'm not sure which of your Jotforms is the one you are currently editing the notification background. You have quite a number of Jotforms.

  • Profile Image

    Answered by tom268 on October 13, 2014 at 10:42 AM
  • Profile Image

    Answered by Ben on October 13, 2014 at 12:18 PM

    Hi Tom.

    You are looking to change the BODY elements background color, which is not possible. The only way you can do that is to Setup your own server to accept the notification each time the jotform is submitted and then send an email from your own end (which would allow you to set it up in any manner you prefer).

    Now you should be aware that if you want to change that color because of the image that you have at the end of the email, you can either make that image have transparent background instead of white or to change the element the image is on to white.

    To do this you should set the table color to '#fff' instead of '#f7f9fc', this will still show light blue in the back around the table.

    Also since you mention gray color, this must be your outlook changing the color because our emails are sent by default using a light blue color.

    To accomplish the closest thing to what you want would be using the CSS code I gave above or these, which are identical (not same) to them like this:

    <div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; background-color: white; overflow-y: scroll;">

    <div>

    It should be applied in the same manner as described above so I should take a look at your jotform and create the change for you so that you can see if that is what you wanted to achieve.

    I have done this with a new notifier called "Ben - white background" and I have submitted a test email. Please let us know how the email came to you and if that is what you wanted to achieve.

    Best Regards,
    Ben

  • Profile Image

    Answered by tom268 on October 13, 2014 at 12:26 PM

    Dont work well!

    A part is grey and a part is white....I want all background white!

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 13, 2014 at 02:00 PM

    Hello tom268,

    Along with the div code which you have added, changing the table background color of your notification email alert should help you. Please check the screenshot below:

    Please take a look at the following cloned form and see if this works as expected:  http://form.jotformpro.com/form/42855519973974? 

    Thank you!