How to extend the width of text box?

  • Profile Image
    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.

  • Profile Image
    Syed
    Answered 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
    acpevans
    Answered on June 22, 2015 at 11:49 PM

    Solved. Many thanks.

  • Profile Image
    acpevans
    Answered 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
    Charlie
    Answered 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
    acpevans
    Answered 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
    Aury
    Answered 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
    acpevans
    Answered on June 24, 2015 at 08:08 PM

    Thank you for your support.

  • Profile Image
    Chriistian
    Answered 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.