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 soften the corners of Forms

    Asked by jonasgrillo on November 10, 2012 at 11:43 AM
    Screenshot
    rounded corners
  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 12:12 PM

    Hi,

    Please add the following rule to your form's injected CSS:

    .form-textbox, textarea {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    Unfortunately, this does not work in Internet Explorer prior to version 9 but there are workarounds, some of which are mentioned in this article. (Also see PIE.)

    If you would like further help with this, please let us know.

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 12:38 PM
    Hello!Why misaligned when the form is opened outside panel JotForm?
  • Profile Image
    JotForm Support

    Answered by Welvin on November 10, 2012 at 01:33 PM

    @jonasqrillo,

    Can you provide us a screenshot for the said issue? Your form is good on my end.

    This is what I see when viewing your form;

    Thanks

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 01:38 PM
    Hi !Look in the link of my wix site:http://studio1photodesign.wix.com/via-and2#!fale-conosco/c24vq
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 16:33



    New response received






    A new response has been received:






    Answered by

    Welvin


    @jonasqrillo,
    Can you provide us a screenshot for the said issue? Your form is good on my end.
    This is what I see when viewing your form;
    Thanks



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 01:49 PM

    @jonasgrillo

    Do you mean that you wish the JotForm form to be aligned with the other form on that page?

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 01:55 PM
    No, I want to use the form to jot form only.But in chrome brouser he is appearing different.
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 16:49



    New response received






    A new response has been received:






    Answered by

    abajan


    @jonasgrillo
    Do you mean that you wish the JotForm form to be aligned with the other form on that page?



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 02:06 PM

    @jonasgrillo

    In Chrome 23.0 on my end, the form looks exactly as depicted in my colleague's screenshot. Is that not how it looks in your browser? If it does, could you please elaborate on what needs aligning?

    Thanks.

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 02:28 PM
    Hi I need to align all the boxes.Leave all boxes of the same size.name, email, phone and message.
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 17:06



    New response received






    A new response has been received:






    Answered by

    abajan


    @jonasgrillo
    In Chrome 23.0 on my end, the form looks exactly as depicted in my colleague's screenshot. Is that not how it looks in your browser? If it does, could you please elaborate on what needs aligning?
    Thanks.



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 02:38 PM

    @jonasgrillo

    If you wish the message box to have the same height as the others, the simplest way to do that would be to use a text box instead of a text area for that field.

    Please let us know if this resolves the issue.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 02:44 PM

    @jonasgrillo

    You can also hide the field labels and use hint examples instead.

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 02:48 PM
    Hi!Only the same width...How i do this?
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 17:44



    New response received






    A new response has been received:






    Answered by

    abajan


    @jonasgrillo
    You can also hide the field labels and use hint examples instead.



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by jonathan on November 10, 2012 at 04:49 PM

    @jonasgrillo

    Hi, to have both the textbox and textarea have the same width as the current textbox, add this to the injected CSS code in the form

    .form-textbox,.form-textarea{width:499px;}

    OR if rather want them have same with as the currect textarea, then use this

     .form-textbox,.form-textarea{width:519px;}

    Thanks.

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 04:56 PM
    Hi!How ?I using the iframe code....
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 19:49



    New response received






    A new response has been received:






    Answered by

    jonathan


    @jonasgrillo
    Hi, to have both the textbox and textarea have the same width as the current textbox, add this to the injected CSS code in the form
    .form-textbox,.form-textarea{width:499px;}
    OR if rather want them have same with as the currect textarea, then use this
    .form-textbox,.form-textarea{width:519px;}
    Thanks.



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by jonathan on November 10, 2012 at 04:59 PM
  • Profile Image
    JotForm Support

    Answered by jonathan on November 10, 2012 at 05:04 PM

    Hi, in case you you still cannot follow the guide article. Use this visual as guide. Just follow the numbers on the steps to follow. You will do this when editing the form in the form builder

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 05:06 PM
    Thank you very much !!!
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 20:04



    New response received






    A new response has been received:






    Answered by

    jonathan


    Hi, in case you you stil cannot follow the guide article. Use this visual as guide. Just follow the numbers on the steps to follow. You will do this when editing the form in the form builder




    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 05:12 PM
    I have another question?the color of required fields, if not satisfied and tried to send, they are white.The site background is white,so I need to change the font color to black fields required.its possible?
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 20:04



    New response received






    A new response has been received:






    Answered by

    jonathan


    Hi, in case you you stil cannot follow the guide article. Use this visual as guide. Just follow the numbers on the steps to follow. You will do this when editing the form in the form builder




    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 05:24 PM

    @jonasgrillo

    In the form's injected CSS, please replace

    .form-line-error {
    background: none repeat scroll 0 0;
    }

    with

    .form-line-error {
    background: none repeat scroll 0 0;
    color: #524B3A;
    text-shadow: 0 1px 0 #EEE;
    }

    and save the form.

    Should you require further assistance with this, please let us know.

  • Profile Image

    Answered by jonasgrillo on November 10, 2012 at 05:29 PM
    Thankyou very much !!!
    --- Em s, 10/11/12, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sado, 10 de Novembro de 2012, 20:24



    New response received






    A new response has been received:






    Answered by

    abajan


    @jonasgrillo
    In the form's injected CSS, please replace
    .form-line-error {
    background: none repeat scroll 0 0;
    }
    with
    .form-line-error {
    background: none repeat scroll 0 0;
    color: #524B3A;
    text-shadow: 0 1px 0 #EEE;
    }
    and save the form.
    Should you require further assistance with this, please let us know.




    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image
    JotForm Support

    Answered by abajan on November 10, 2012 at 05:37 PM

    @jonasgrillo

    You're quite welcome. As the saying goes, "Teamwork makes the dream work!"

    Cheers

  • Profile Image

    Answered by tekkon on March 03, 2013 at 01:46 PM

    Sorry so hijack this post a bit but this should be pretty easy for you CSS guys. I've used the above code to round out my corners which worked like a charm. But I also use the file upload object and that is still squared. Can you tell me what I need to add to the code above so I can have rounded corners on the file upload object?

     

    This is what I have

    .form-textbox, textarea, { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

     

    Thanks so much. Jot Form support is pretty awesome.

  • Profile Image
    JotForm Support

    Answered by abajan on March 03, 2013 at 03:22 PM

    To my knowledge, the appearance of single file upload buttons is totally browser dependent and no amount of injected CSS would make make any difference. They are displayed with rounded corners in Chrome:


    However, if you are using Internet Explorer, please see the following links:

    Using rounded corners with buttons...reverting to square in IE8

    Browse Button Color Difference

    Other search results for upload buttons rounded corners

    As you will see, the solutions aren't exactly what one would call simple.

  • Profile Image

    Answered by tekkon on March 03, 2013 at 03:50 PM

    Thank you. I switched to another template and that seemed to do the trick. There was a square border around the file upload object and not just the button in my previous setup. Thanks for the info though, good to know. 

  • Profile Image

    Answered by jonasgrillo on April 26, 2013 at 01:46 PM
    Hello!We have a site for lawyers and would like the customer to choose which route the lawyer email.isto is possible??




  • Profile Image
    JotForm Support

    Answered by Welvin on April 26, 2013 at 01:49 PM

    @jonasgrillo,

    Please create a separate thread for that question. Use this link: http://www.jotform.com/answers/answer.php?

     

    Thanks

  • Profile Image

    Answered by jonasgrillo on April 26, 2013 at 01:54 PM
    ok thanks!!!
    --- Em sex, 26/4/13, JotForm Support Forum escreveu:
    De: JotForm Support Forum
    Assunto: Re: how can I soften the corners of Forms
    Para: jonasgrillo@yahoo.com.br
    Data: Sexta-feira, 26 de Abril de 2013, 14:49



    New response received






    A new response has been received:






    Answered by

    Welvin


    @jonasgrillo,
    Please create a separate thread for that question. Use this link:http://www.jotform.com/answers/answer.php?

    Thanks



    View this thread on JotForm Support Forum
    Unsubscribe




  • Profile Image

    Answered by jonasgrillo on October 25, 2013 at 08:18 PM

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 25, 2013 at 08:45 PM

    @jonasgrillo

    Your last reply appears blank on this post. If that's a question, may we suggest you to open that in a new thread instead so we can assist you better.

    Thanks!

  • Profile Image

    Answered by jonasgrillo on October 25, 2013 at 08:47 PM
    Thanks Elton !!!