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 widen width of text boxes to fit the expansion text box labels (all the way across the page)

    Asked by cfrances on January 13, 2015 at 02:04 PM

    I have tried numerous setting for column width and rows (even inverting them 6/60, 60/3, 3/60...


    I cannot get the text box to widen under the expansive tab on my web page. THere are about 7 different tab (Horizontal) dividers - for about 13 responses. The same shorter text box (it has no expand but only shrink as an option and the rows and columns have been tried at many different combinations and still does not work to mke a longer text box with only 6 rows maximum).


    The explanatoroy text box (I believe it is the "Text box" and not "text area box" - not sure but both use about the same parameters - only is about this lone "____________" (100 px?) and I need it about 450-600 long "________________________________________"


    The website page is at http://talkingleavestranscriptions.zohosites.com/faq.html


    Thanks for any help you can provide.

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Kiran on January 13, 2015 at 04:23 PM

    It seems something went wrong with the theme while setting up the width or some other settings. Could you try inject the following CSS code to your JotForm that helps to increase the textbox width that sets to width of the JotForm?

    #cid_80, #cid_66, #cid_63, #cid_68, #cid_74, #cid_63 {

        min-width : 695px;


    #cid_60, #cid_79, #cid_82 {

        min-width : 346px;


    #cid_59, #cid_65, #cid_81 {

        min-width : 340px;

        margin-left : 85px;


    Hope this helps. If you are looking for something different or need any further help, please let us know.