How to extend the width of text box?

  • acpevans
    Asked 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.

  • acpevans
    Replied on June 22, 2015 at 11:49 PM

    Solved. Many thanks.

  • acpevans
    Replied on June 23, 2015 at 9: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 to extend the width of text box? Image 1 Screenshot 20

     

    How can we make this responsive?

  • Charlie
    Replied on June 24, 2015 at 2: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;

        }

    }

    How to extend the width of text box? Image 1 Screenshot 20

     

    Let us know if that works.

    Thank you.

  • acpevans
    Replied 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; }

     

  • Aurora JotForm Support
    Replied 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:

     

    How to extend the width of text box? Image 1 Screenshot 30

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

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

    How to extend the width of text box? Image 2 Screenshot 41

    Let us know if we can assist you further.
              

  • acpevans
    Replied on June 24, 2015 at 8:08 PM

    Thank you for your support.

  • Chriistian Jotform Support
    Replied on June 24, 2015 at 9: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.