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 extend the width of text box?

    Asked by acpevans on June 22, 2015 at 11:31 PM

    Can you also extend the width of the "other" box in the widget titled "Copyright Holder's Name"?

    This is the the only box whose width is not aligned on the right hand margin.

    I tried to do this myself but I have not "width" box displayed in my menu bar like in your example photos above.

    how increase width textbox
  • Profile Image

    Answered by Syed on June 22, 2015 at 11:39 PM

    Hi Alastair;

                As we're working on this form; http://www.jotform.com/51719069683971. Please use the following CSS Code, to increase the with of "Other" Text Box, I used 100% width of this field.

    #input_79 { width: 408px !important; }

    Let me know, how it goes.

     

    Thankyou,

  • Profile Image

    Answered by acpevans on June 22, 2015 at 11:49 PM

    Solved. Many thanks.

  • Profile Image

    Answered by acpevans on June 23, 2015 at 09:37 PM

    I recently checked my form on a mobile device.

    The change you suggested to extend the width of the "other" box is not responsive.

     

     

    How can we make this responsive?

  • Profile Image
    JotForm Support

    Answered by Charlie on June 24, 2015 at 02:22 AM

    Have you tried making the form mobile responsive? You can check this guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive

     

    You can also use this custom CSS code here:

    #input_79 { 

        min-width: 408px !important;   

    }

    /*Dimensions of the mobile device*/

    @media screen and (min-width: 100px) and (max-width: 450px){

        #input_79 {

            min-width : 200px !important;

        }

    }

     

    Let us know if that works.

    Thank you.

  • Profile Image

    Answered by acpevans on June 24, 2015 at 10:20 AM

    The form is already set to be responsive.

    I tried adding your code but it makes no difference to the "other" box. It still remains unresponsive.

    Other CSS was added to change this box previous so I wonder if that's conflicting?

    Would you mind looking into it?

    See here for details - http://www.jotform.com/answers/594334-How-to-extend-the-width-of-text-box#5

    I added the following code:

    #input_79 { width: 408px !important; }

     

  • Profile Image
    JotForm Support

    Answered by Aury on June 24, 2015 at 12:00 PM

    I have checked into your form: http://www.jotform.com/51719069683971, at first you have to check on the Make this form Responsive option from the designer mode, as below indicated:

     

    I also check the issue with the field size, I modified the CSS code to:

    #input_79{width:250px !important;}, this is the result:

    Let us know if we can assist you further.
              

  • Profile Image

    Answered by acpevans on June 24, 2015 at 08:08 PM

    Thank you for your support.

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 24, 2015 at 09:36 PM

    Hi acpevans, 

    On behalf of my colleagues, you are welcome. If you have any other questions, do let us know. We will be happy to assist you.

     

    Regards.