Need help with Dynamic Textbox Widget

  • katra
    Asked 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!

     
  • Elton Support Team Lead
    Replied on May 21, 2016 at 2: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.

    Need help with Dynamic Textbox Widget Image 1 Screenshot 30

    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.

    Need help with Dynamic Textbox Widget Image 2 Screenshot 41

    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.

  • Elton Support Team Lead
    Replied on May 21, 2016 at 4: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:

    Need help with Dynamic Textbox Widget Image 1 Screenshot 20

    Cheers! :)

  • katra
    Replied on May 21, 2016 at 10:39 AM

    Thank you so much, yes this works!!    

     

    Amazing support :)