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

    Need help with Dynamic Textbox Widget

    Asked by katra on May 21, 2016 at 12:35 AM

    Im using the Dynamic Textbox and its preety cool but...   Is there a way to show a minimum number of fields? Also a maximum ?

     

    By the way.. The cahracter size does not work..!  i tried several time and does not do it...   

     

     

    Thanks,

    Hope to hear from you guys soon!

     
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 21, 2016 at 02:30 AM

    Glad you like the Dynamic Textbox Widget. :)

    1. You can't define a minimum fields but you can show a number of fields by default.

    2. About the maximum fields, there is no such option but there's a workaround for this. By injecting a custom CSS codes on this widget, you can hide the add more fields button as soon as the number of box reaches the limit you want.

    Use this CSS codes and replace the number 7 with the number limit you want.

    div#main p:nth-child(7) + button {

        display: none;

    }

    Inject this on the Dynamic Textbox Widget under Custom CSS tab.

    3. If you want to change the text box width, use this CSS codes. Inject this on the widget under Custom CSS tab.

    input[type="text"] {

        width: 100px !important;

    }

    Feel free to change 100px to your preference.

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 21, 2016 at 04:21 AM

    I just found a workaround for minimum limits on dynamic textbox again using CSS codes. This is to hide the remove button on the textbox fields.

    Use the following and inject it on the widget settings.

    #main p:nth-child(-n+4) .removeVar {

        display: none;

    }

    The number 4 represents the minimum limit. Feel free to change it to your preference.

    Result:

    Cheers! :)

  • Profile Image

    Answered by katra on May 21, 2016 at 10:39 AM

    Thank you so much, yes this works!!    

     

    Amazing support :)