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

  • growth99
    Asked on November 11, 2021 at 8:02 AM

    Hi,

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

    1636635598 618d13ce6ac04  Screenshot 10

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

    1636635739 618d145b2fb95  Screenshot 21

    Thanks

    Jotform Thread 3502893 Screenshot
  • atakanak Outreach Specialist
    Replied on November 12, 2021 at 1: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  Screenshot 10

    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.


  • growth99
    Replied on November 12, 2021 at 8: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

  • Ashwin JotForm Support
    Replied on November 12, 2021 at 8:21 AM

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

  • Ashwin JotForm Support
    Replied on November 13, 2021 at 2: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.

  • growth99
    Replied on November 15, 2021 at 3:58 AM

    Hi,

    Thank you for this.

    1) Can you do it for education history also?

    1636966642 619220f26ceb8  Screenshot 10

    2) Can make it a little mobile responsive?

    1636966678 61922116e3861 iOS 15 Screenshot 21

  • Ashwin JotForm Support
    Replied on November 15, 2021 at 5: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.

  • growth99
    Replied on November 18, 2021 at 3:41 AM

    Hi,

    Any update on this?

    Thanks

  • Ashwin JotForm Support
    Replied on November 18, 2021 at 5: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.

  • Ashwin JotForm Support
    Replied on November 18, 2021 at 5: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.

  • growth99
    Replied on November 18, 2021 at 9:51 AM

    Hi,

    It's great. Thank you for this.