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 to round field corners?

    Asked by mattbanes on April 13, 2017 at 10:28 AM

    I'd like to see your ideas....it seems that I could make this form look a bit more professional but I don't know how. For example...how would I make the white edges more rounded?

     

    http://www.imodularbuildings.com/2017/04/need-space-rent-modular-office-trailer.html

    Page URL:
    http://www.imodularbuildings.com/2017/04/need-space-rent-modular-offic<br/>e-trailer.html

  • Profile Image
    JotForm Support

    Answered by BJoanna on April 13, 2017 at 12:16 PM

    Do you want to round corners of your fields?

    If so, you can do it inside of Advanced Designer. In Advanced Designer select any of your form fields and round corners of your fields. 

    Here is my demo form: https://form.jotformpro.com/71024868822964 

    Feel free to clone it.

    I would also suggest you to check our Form Designer Tutorial

    If I did not understood your question correctly, please explain in more details which white edges you want to make more rounded. You can also provide us a screenshot of those edges. 

    Let us know if you need further assistance. 

  • Profile Image

    Answered by mattbanes on April 13, 2017 at 01:44 PM
    Thanks for the response. Here are the corners I was referring too. Where the white meets the background…..



    ...
  • Profile Image
    JotForm Support

    Answered by BJoanna on April 13, 2017 at 03:02 PM

    Your image is not shown. Please note that files that are attached inside of email, will not be shown here on forum. You will have to open this thread and upload your screenshot

    Are you maybe referring to corners of your form? 

    If so, you can change them inside of Advanced Designer > Form Layout tab.

    It is also possible to round them with CSS. For example you can add this CSS code to your form:

    .form-all {

    border-radius: 30px 30px 30px 30px;

    }

    How to Inject Custom CSS Codes

     

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by mattbanes on April 13, 2017 at 06:44 PM
    Thank you…again your feedback is excellent….but the advanced editor setting is not showing the rounded corners in the live form. I will try the css tip next…


    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 13, 2017 at 11:11 PM

    I've cloned your form on my end and I can see the rounded corners option works while setting it up through the Designer tool, the CSS code should also help you to override other settings in the form. 

    You could see my cloned form here: https://form.jotformpro.com/71029026701951 

    Please, do let us know how it goes when injecting the code on your form. 

    Looking forward to your response.