Configurable List Widget: How to adjust the buttons position?

  • HBSPASS
    Asked on October 9, 2018 at 8:10 AM

    This configurable list is Awesome. But, is there any way to move the "add" button to the same line (row) as the textbox fields? And subsequently for any "added" row for both the "add" and "remove" buttons to be side by side on the same rows also?

  • Adrian
    Replied on October 9, 2018 at 10:16 AM

    I believe that you can achieve that by injecting Custom CSS to the widget and to the form.

    Demo: https://form.jotform.com/82814180902959

    Result:

    Configurable List Widget: How to adjust the buttons position? Image 10

    I have added the following CSS to the Widget:

    button.add {
      position: absolute;
      right: 0;
      bottom: 24px;
    }

    https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    and the following CSS to the form:

    #customFieldFrame_3 {
      width: 300px !important;
    }

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    The pixel values in the CSS may differ but the logic is the same.

    Let us know if you need further assistance by providing us the link of your form.