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

  • blakefam
    Asked 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

  • David JotForm Support
    Replied 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.

  • blakefam
    Replied on October 14, 2015 at 4: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.

  • David JotForm Support
    Replied on October 14, 2015 at 6: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;

    }

    I am curious if a feature is available in the widget I am using Image 1 Screenshot 20

    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

  • blakefam
    Replied on October 15, 2015 at 6: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;

    }

  • Sammy
    Replied on October 15, 2015 at 8: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

    I am curious if a feature is available in the widget I am using Image 1 Screenshot 20

  • blakefam
    Replied on October 16, 2015 at 3: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!

  • blakefam
    Replied on October 16, 2015 at 4: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;
    }

  • Sammy
    Replied on October 16, 2015 at 6: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.