How to align the Configurable List in two Rows to avoid scroll bar?

  • Profile Image
    growth99
    Asked on November 11, 2021 at 08:02 AM

    Hi,

    Can you help me in setting up my Configurable List Widget in two rows ?

    1636635598_618d13ce6ac04_

    Also, a question will it affect my PDF attachment layout of the form?

    1636635739_618d145b2fb95_

    Thanks

  • Profile Image
    atakanak
    Answered on November 12, 2021 at 01:24 AM

    Hi,

    This is fixed simply by changing the minimal number of rows to how many rows you would like to enter, in this case, 2.

    Go to the widget you would like to change and press widget settings.

    I cloned your form and applied the changes:1636697755_618e069be63ef_

    As you can see when you change the minimal rows number the list changes the way you wanted it to.

    It will also affect the PDF version of your form.

    You can learn more about the widget from this guide: https://www.jotform.com/help/282-how-to-set-up-the-configurable-list-widget/

    If you require further assistance, let us know.


  • Profile Image
    growth99
    Answered on November 12, 2021 at 08:07 AM

    Hi,

    Sorry but this is not what I wanted.

    Let me try to explain you again.

    Please refer to this link: https://www.jotform.com/help/456-how-to-make-the-configurable-list-widget-mobile-responsive/

    In this, I want 2 columns per row so that the user doesn't need to scroll and fill in all details.

    I hope it makes sense.

    Please let me know.

    Thanks

  • Profile Image
    ashwin_d
    Answered on November 12, 2021 at 08:21 AM

    I have cloned your form and working on your request. I will get back to you on this soon.

  • Profile Image
    ashwin_d
    Answered on November 13, 2021 at 02:26 PM

    Please take a look at the following cloned form where I have injected the custom CSS code to display the fields in 2 lines and see if it works as expected: https://form.jotform.com/213153526784963

    Feel free to clone this form in your account. The following guide should help you in form cloning: https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url/

    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    growth99
    Answered on November 15, 2021 at 03:58 AM

    Hi,

    Thank you for this.

    1) Can you do it for education history also?

    1636966642_619220f26ceb8_

    2) Can make it a little mobile responsive?

    1636966678_61922116e3861_iOS-15.0.png

  • Profile Image
    ashwin_d
    Answered on November 15, 2021 at 05:18 AM

    I will apply the changes for education history section as well in the cloned form and will look into the mobile responsive issue as well.

    I will get back to you on this soon.

  • Profile Image
    growth99
    Answered on November 18, 2021 at 03:41 AM

    Hi,

    Any update on this?

    Thanks

  • Profile Image
    ashwin_d
    Answered on November 18, 2021 at 05:19 AM

    I have applied the changes in the work history and education history of the cloned form. Please check the following form and see if it works as expected: https://form.jotform.com/213153526784963

    I have also fixed the mobile responsive issue as well for the work history widget. I am working on the mobile responsive issue of education history widget, and I will get back to you on this soon.

  • Profile Image
    ashwin_d
    Answered on November 18, 2021 at 05:27 AM

    I have also fixed the mobile responsive issue as well for both the configurable list widgets. Please test your form in real mobile device and see if the fields are being displayed correctly or not.

    Do get back to us if you need any other changes.

  • Profile Image
    growth99
    Answered on November 18, 2021 at 09:51 AM

    Hi,

    It's great. Thank you for this.