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

    I am curious if a feature is available in the widget I am using

    Asked by blakefam on October 14, 2015 at 11:32 AM

    Hi again, I am curious if a feature is available in the widget I am using.

    For the form http://www.jotform.com//?formID=52788193225867# one form field asks the respondent to identify a medication and in the next field, describe its use etc. I have made the field as wide as possible. 

    I would like the field to add a line to its size when the explanation given by the respondent goes longer than the field width allows - perhaps expanding for extra lines. 

    Also, can I limit the number of total characters in a field in this widget?

    Thanks again

  • Profile Image
    JotForm Support

    Answered by david on October 14, 2015 at 11:37 AM

    Hi,

    The sizing for the input area of that widget is fixed.  It can be made larger but it cannot be set to resize dynamically.  It is also not capable of limiting to a certain number of characters.  We do have widgets that will allow you to count characters:

    https://widgets.jotform.com/app/character_counter

    That same widgets can be resized to allow more space.  However, it will not allow you to add extra entries if necessary. 

    If you would like help making the field in your current widget larger, we will be happy to assist you.  It would require the inputs to be that large at all times.

  • Profile Image

    Answered by blakefam on October 14, 2015 at 04:50 PM

    I understand and appreciate the parameters of the widget.

    I would appreciate your help to continue using this same widget whilst increasing its 'fixed' size to:

    allow 3 lines of text (or ~200 characters) in the field 'for the treatment of . . ?' which is currently 400px wide

    The current fields are:

    Name of medication{200},  for the treatment of . . ? {400}

    I hope my request makes sense - thank you in anticipation of your efforts.

  • Profile Image
    JotForm Support

    Answered by david on October 14, 2015 at 06:24 PM

    I would recommend using a configurable list widget, rather than an infinite list for that:

    http://widgets.jotform.com/widget/configurable_list

    This will allow you to use "text area" fields, rather than text boxes.  The infinite list widget appears to only allow to change the widget.

    In the custom CSS tab of the widget, you can use this code to adjust the height and width of the text areas:

    textarea {

    height: 50px !important;

    width: 400px !important;

    }

    You would need to redo your conditions for the new widget but it would produce the desired affect.  Here is my test form with a widget setup at the beginning:

    https://form.jotform.com/52867141092961

    You can clone it to see the full widget setup:

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image

    Answered by blakefam on October 15, 2015 at 06:21 AM

    Thank you. I played and had success. I injected some CSS with limited success.

    I can modify the text box format using the css shown below but trying to fix the text area field did not work so well. I tried it using text and text box naming . . . . . . .  arghhhhh . . . . help

    My attempt is at the bottom of my form @

    http://www.jotform.com//?formID=52788193225867 

    text {

    height: 50px !important;

    width: 200px !important;

    }

     text box {

    height: 50px !important;

    width: 100px !important;

    }

  • Profile Image

    Answered by Sammy on October 15, 2015 at 08:02 AM

    Kindly use the following CSS to make changes to the input fields of your widget

    textarea {
        width: 600px !important;
        height: 120px !important;
    }

    input[type=text] {
    width:100!important;
    height:50px !important;
    }

    This will be the result

  • Profile Image

    Answered by blakefam on October 16, 2015 at 03:57 AM

    Thanks.

    your solution allows me to adjust the height of both areas and only the width of the text area.

    I tried multiple combinations of the css but couldn't adjust the width of the text box. Help!

  • Profile Image

    Answered by blakefam on October 16, 2015 at 04:01 AM

    found it

     

    if you add px  (see below) to the measurement it works - should have seen it.

    textarea {
        width: 600px !important;
        height: 120px !important;
    }

    input[type=text] {
    width:100px!important;
    height:50px !important;
    }

  • Profile Image

    Answered by Sammy on October 16, 2015 at 06:23 AM

    Apologies for not catching that missing px part for the width declaration, thank you for pointing this out.

    If you will need further assistance kindly let us know.