Finsweet range slider unreponsive in webflow slider component

Design help Custom code
1

Hi,

I’ve been trying to make a multistep form by using the Webflow slider component. Because my form requires a range slider I used the finsweet range slider.

Sadly though the slider is only working in the first slide and because unresponsive after a slide change. The weird thing is though that if you resize your window it suddenly works.

What am I missing here?

Live site: stappen
Here is my site Read-Only: Webflow - Klantenenquete 2.0 GIEL SLIDER

1 Like
2

Did you ever find a solution to this problem? I’m now facing a similar issue.

3

I have literally the same issue, so weird!

4

Did you find a solution?

5

Found a solution, paste this code to trigger the window resize when you click on the “next slide” trigger: <script> document.addEventListener('DOMContentLoaded', function() { document.querySelector('.w-slider-nav').addEventListener('click', function() { setTimeout(function() { window.dispatchEvent(new Event('resize')); }, 0); }); }); </script>

1 Like
6

I am trying to accomplish the same thing with a multistep form inside a slider where one of my pages(slides) contains a finsweet range slider. I tried entering the recommended script in the page settings but it’s not working as I still have to re-size the window for the range slider to work. I’m wondering if I need to target a different class/id than .w-slider-nav since I’m not using the traditional arrows to navigate to the next page of the form. Any help would be awesome.

Here is my read only link.

Thanks in advance!