How to have a field expand or shrink to the maximum size of the field?

  • mamoros
    Asked on August 25, 2016 at 10:55 PM
    Have a field expand or shrink to the maximum size of the field?
  • Nik_C
    Replied on August 26, 2016 at 2:12 AM

    I'm not sure I understand how would you like to adjust your fields. But you can use this CSS that should follow the width of the form:

    for example:


    #input_3{

    width:50%!important;

    }

    Where input_3 is the ID of the text-field.

    If you had something else in mind please let us know.

    Thank you!

  • mamoros
    Replied on August 26, 2016 at 5:45 PM
    Thank you - this is helpful. But how do I find out the field code? I
    don't see it in the dialog box.
    Melinda
    ...
  • Nik_C
    Replied on August 26, 2016 at 6:42 PM

    To get the ID of the field please follow below:

    1. In your Form Builder click on Properties:

    How to have a field expand or shrink to the maximum size of the field? Image 1 Screenshot 30

    2. Then click on Advanced and on at the bottom of the page you will see Field's ID:

    How to have a field expand or shrink to the maximum size of the field? Image 2 Screenshot 41

    Hope it helps, if you need further assistance please let us know.

    Thank you!

     

  • mamoros
    Replied on August 26, 2016 at 8:45 PM
    Wonderful! Thank you!
    ...
  • liyam
    Replied on August 26, 2016 at 8:59 PM

    On behalf of Nik, you are welcome, Melinda.

    If you have other questions or concerns, please let us know. We'll be more than happy to assist.

    Warm regards. :)