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

    Any Experts to help me recreate this incredible form?!

    Asked by henhen89 on February 18, 2014 at 02:31 PM

    Hello All,

    I really need some help in creating my perfect from...


    I am trying to make a form that looks like this one here: https://www.jetblue.com in terms of the color and design of the form as I have the same color background (please see image).

    The form must be no taller than 240px and no wider than 300px and include the folloing boxes;

    * Name

    * Telephone

    * Email

    * Company

    The submit button should read 'Search'

     

    I would be very greatful if someone could help me create this form.

     

    Thanks - Scott.

    Screenshot
    email style size name
  • Profile Image

    Answered by pinoytech on February 18, 2014 at 03:38 PM

    Hi,

    Thank you for contacting us.

    I can help you to achieve that design in your form. I'll get back to you as soon as I finish the form.

    Should you need further assistance, please feel free to contact us again at anytime.

  • Profile Image

    Answered by henhen89 on February 18, 2014 at 03:49 PM

    Thank you so much...

  • Profile Image

    Answered by pinoytech on February 18, 2014 at 04:30 PM

    Hi,

    Please take a look at this form that I've created.

    http://www.jotformpro.com/form/40486182358965

    Feel free to contact us again if you need further assistance.

  • Profile Image

    Answered by henhen89 on February 22, 2014 at 04:39 PM

    Hello,

    Thank you so much for making this form for me.

    Could you please make a couple of changes for me?

    * could you know remove the background blue so there is no background it is just transparent.

    * Could you also make the text fields white with grey text.

     

    Thanks - I look forwards to hearing from you and thanks again for your help.

     

    Scott.

  • Profile Image

    Answered by pinoytech on February 22, 2014 at 06:17 PM

    Hi Scott,

    As per requested, I've remove background color of your form.

    Could you also make the text fields white with grey text?

    Are you referring on making textbox input field background color as grey?

    If so, find this code injected in your form.

    /*---INPUT----*/

    .form-all input {

    border-top: 1px solid #3a6c9a;

    border-right: 1px solid #3a6c9a;

    border-bottom: 1px solid #3a6c9a;

    border-left: 1px solid #3a6c9a;

    background-image: url(../img/input-blue-bg.png) 0 top repeat-x;

    background: url(../img/input-blue-bg.png) 0 top repeat-x,

    url(../img/input-blue-bg.png) left 0 repeat-y,

    url(../img/input-blue-bg.png) left top no-repeat,

    url(../img/input-blue-bg.png) left top no-repeat;

    background-color: #4d90cd;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    width: 251px;

    height: 34px;

    padding: 0 10px;

    }

    and replace it with this code:

    /*---INPUT BACKGROUND-----*/

    .form-all input {

    border-top: 1px solid #696B6D;

    border-right: 1px solid #696B6D;

    border-bottom: 1px solid #696B6D;

    border-left: 1px solid #696B6D;

    background-color: #A6ABB1;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    width: 251px;

    height: 34px;

    padding: 0 10px;

    }

    This is how it looks like after.

    Feel free to contact us again if you need further assistance.

  • Profile Image

    Answered by henhen89 on February 26, 2014 at 10:31 AM

    Hello,

    Thanks for your help.

    How can I simply make the background of this form: http://www.jotformpro.com/form/40486182358965 completely transparent?? So the blue background is gone and I can use this form on any page of my website regardless of the background color.

     

    Thanks again, Scott.


  • Profile Image

    Answered by Carina on February 26, 2014 at 11:02 AM

    Please go to "Setup and embed">"Preferences" and change background to "transparent". Also in the Inject custom css you need to change the background color to transparent:

    Let us know please if you need more assistance.