How can I make the width of a textbox 100%?

  • rbcn3
    Asked on November 17, 2015 at 8:10 AM

    How to make a width 100% text box. I add 100% or auto on settings but it dont' works.

    Jotform Thread 706228 Screenshot
  • KadeJM
    Replied on November 17, 2015 at 11:07 AM

    I see that you are looking to force the width of your textbox to be 100%.

    The existing size feature only adjusts the width based on a px value.

    To make this happen on your form you need to use injected css or our form designer css helper.

    Also, please see the example screenshots for comparison below.

     

    Demo Form:

    https://form.jotform.com/53204844392960? 

     

    Here is the CSS CODE: 

    #input_3 { width: 100%; }

     

    Normal Textboxes:

    How can I make the width of a textbox 100%? Image 1 Screenshot 40

     

    Textbox 2 with Injected CSS to force 100%: (notice it's a tadbit longer than Textbox 1)

    How can I make the width of a textbox 100%? Image 2 Screenshot 51

     

    Textbox 2 again with Injected CSS to force % at 250% just to show you it's working:

    How can I make the width of a textbox 100%? Image 3 Screenshot 62

  • rbcn3
    Replied on November 18, 2015 at 6:01 AM

    ¡It works perfectly! thank you KadeJM.