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 make form textboxes appear with round edges?

    Asked by BBC2016 on March 17, 2016 at 10:07 PM

    how do I make the exp month and year boxes into rounded edge boxes like all the rest of them on the form? also the sec code box is not lined up under the last name box correctly, its a off - how do i fix that> can you help me please??? great product - incredible customer service!!!!!!!!

    Page URL:
    http://buildingbridgescoalition.org/rsvpcontribution/formID=6076082537<br/>1153

    textboxes border-radius CSS inject CSS
  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 10:09 PM

    like this i mean:

  • Profile Image
    JotForm Support

    Answered by Chriistian on March 17, 2016 at 11:23 PM

    You can inject this css code to make the Expiration Month and Year into rounded edge boxes.

    #input_13_cc_exp_month, #input_13_cc_exp_year {

        padding: 3px;

        height: 30px;

        border-radius: 6px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

    }

    #input_13_cc_exp_month{

         width: 200px!important;

    }

    How to Inject Custom CSS Codes

    If you need further assistance, do let us know.
    Regards.

  • Profile Image

    Answered by BBC2016 on March 18, 2016 at 02:08 AM

    incredible - THANK YOU!

  • Profile Image
    JotForm Support

    Answered by Mike_G on March 18, 2016 at 03:00 AM

    On behalf of my colleague, Chriistian, you're most welcome. Please feel free to get back to us if you have any other questions or concerns. Thank you.

  • Profile Image

    Answered by BBC2016 on April 12, 2016 at 12:00 AM

    can u help me make the drop down into rounded edge boxes like the others please??????

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 12, 2016 at 01:52 AM

    I checked your form here (http://buildingbridgescoalition.org/moreinforsvp/) and the dropdown fields seems to already have rounded edges.

    Are you referring to a different form? If so, please give us the URL of the form so we can investigate it further.

    I will wait for your reply.
    Regards.

  • Profile Image

    Answered by BBC2016 on April 12, 2016 at 02:29 AM

    SORRY - this one: https://form.jotform.com/61018466344151

     

    the 2nd option  has a dropdown  menu - can u make the font and the size of the box, width and rounded corners so they all match the other price boxes nad look uniform.

     

    Ive been struggling trying to move the $ sign a space or two over so its not so close - do  u know how to do that?????

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 12, 2016 at 03:57 AM

    Here is the css that I injected to make the edges of the dropdown field more rounded.

    #input_13_custom_1019_0 {

        padding: 3px;

        height: 30px;

        border-radius: 6px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

    }

    If you need further assistance, do let us know.
    Cheers.

  • Profile Image

    Answered by BBC2016 on April 13, 2016 at 12:48 AM

    maybe you could help me> in the form https://form.jotform.com/61018466344151 the 2nd product/option is a drop down - how can i take this product and replace it with the 2nd product on this form? formID=61026284421144 ????? The first form 2nd option is a dropdown and the other form is not. I want it to be. Can u do it for me???? PLEASE?
  • Profile Image
    JotForm Support

    Answered by Chriistian on April 13, 2016 at 02:43 AM

    To avoid confusion, I would suggest opening up a new thread for your latest concern. For your convenience, I went ahead and moved your question to a new thread. Please follow this link to view that thread: https://www.jotform.com/answers/817093.
    Regards.