Sliders with Calculated Result widget: Width changes when selecting multiple donations options

  • exodus_refugee
    Asked on June 12, 2024 at 9:55 AM
    A person recording the information has the option to select one more categories of donations; if they select only one category, the slider shows up just fine. But if they select multiple categories—prompting the appearance of multiple slider widgets—the
    y begin to collapse in width (see screenshot).

    I would like to use Custom CSS to fix this and modify to it in two ways:

    1.) whether looking at the form on desktop or mobile, ensure that the sliders maintain 100% width of the form at all times
  • Jovito JotForm Support
    Replied on June 12, 2024 at 10:45 AM

    Hi Jericho,

    I cloned and tested your form and I can confirm that the Sliders with Calculated Result widget changes the width when selecting multiple donations options. I tried moving the Types of Donations field on the page where the Sliders widgets are present, and it seems that the widgets are now behaving properly. The width remains intact once you select multiple widgets on that specific page. Check out the image below:

    Sliders with Calculated Result widget: Width changes when selecting multiple donations options Image 1 Screenshot 20

    Can you try this solution to your form and let us know if the same thing happens again?

    Give it a try and let us know how it goes.

  • exodus_refugee
    Replied on June 13, 2024 at 1:44 PM

    I moved the Types of Donations section onto the same page as the sliders and that, indeed, seems to have fixed the problem. Thank you!

 
Your Answer