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

    Adjust width of textbox in Configurable List widget

    Asked by Ray on September 28, 2014 at 03:51 AM

    I'm having trouble adjusting the width of my second textbox.

    I have two textboxes, but only wish for the second to have an increased width.

    So far I have tried .col1 {

    width: 600;

    }

    but it only seems to change the width of the space, rather than the actual textbox...



    This is a re-post of a comment on How to Set Up the Configurable List Widget

    textbox textboxes configurable list
  • Profile Image
    JotForm Support

    Answered by jonathan on September 28, 2014 at 05:13 AM

    Hi Ray,

    I highly suggest you create your JotForm account (for FREE) before proceeding.

    Please use this link to create an account http://www.jotform.com/signup

    You can use your email account to signup.

    Please update us once you have created an account so that we assist you more.

    Thanks.

     

     

  • Profile Image

    Answered by rayjay01 on September 28, 2014 at 07:17 AM

    Hi Jonathan,

    I have created an account as requested. 

    The form link is http://form.jotformeu.com/form/42656083756362

    Thanks,

    Ray.

  • Profile Image

    Answered by Ben on September 28, 2014 at 08:47 AM

    Hi Ray.

    You have mentioned second textbox and the css that is styling first column with a textbox and in the style of your jotform I have found a style that should apply to textarea.

    Because of this I have now added styles for both the textarea and the textbox (input) elements.

    You can see it working here: http://form.jotformpro.com/form/42703712518956

    This is the actual style:

    .col1 input[type="text"]
    {
     width:250px;
    }
    .col2 textarea
    {
     width:200px;
    resize: vertical;
    }

    Now the .col1 input will change the width of your first column textbox

    the .col2 textarea will change the width of your second column textarea. I have also limited its resizing to only vertical.

    Do let us know if you have any further questions.

    Best Regards,
    Ben