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 increase width of text box

    Asked by bknight on September 18, 2015 at 12:07 PM

    I am trying to make the "Name Plate Order" text box longer (the same size as e-mail text box). 

    Also, is there a way to get rid of the lines between the logo and the Title?

    Page URL:
    https://secure.jotform.us/form/52588384025158

    increase how size name same and
  • Profile Image

    Answered by victor on September 18, 2015 at 02:56 PM

    Hello,

    To adjust the text box in a configurable list you just need to add the following CSS code:

    In regards to your other question, you can just inject the following CSS code

     

    .form-header-group {

        border-top : none;

        border-bottom : none;

    }

     

     

    Please let us know if you require addition information.

    Regards

  • Profile Image

    Answered by bknight on September 18, 2015 at 03:44 PM

    Thank you! I was able to remove the lines from the title, but could not expand the "Name Plate Order" field. Not sure what I did wrong?

    http://form.jotform.us/form/52588384025158

    Also, in the Yes/No field, can I make it so if they try to check both boxes, the other one becomes unchecked?

     

  • Profile Image

    Answered by victor on September 18, 2015 at 04:58 PM

    Hi,

    I was just reviewing your CSS code for the configurable list.

    Please adjust the first line from

    .coll input[type="text"] /*please remove the second L*/

    {

    height:21px;

    width:340px;

     

    }

    with 

    .col1 input[type="text"] /*Instead of L place the number 1*/

    {

    height:21px;

    width:340px;

    }

    I have create a new thread for your other question.

    http://www.jotform.com/answers/665506

     

    Regards