topic Re: Add slider bar to Filter widget in Web AppBuilder Custom Widgets Questions

Add slider bar to Filter widget

Anonymous User — Mon, 14 Oct 2019 15:30:29 GMT

Hi,

I would like to make some modifications to the Filter widget. I have filter ranges (see below) and I want to replace the input boxes with sliders. What is the best and easiest way to do this? Many thanks!

Re: Add slider bar to Filter widget

RobertBorchert — Mon, 14 Oct 2019 15:42:49 GMT

Unfortunately it does not work that way. A filter is a simple on off based on values. You can enter high and low manually

Re: Add slider bar to Filter widget

shaylavi — Tue, 15 Oct 2019 00:09:59 GMT

You can customize the filter widget code and replace the inputs with your own. Dojo does have a slider controller -

Sliders with Dijit - Dojo Toolkit Tutorial

I'm guessing the widget gives the user dynamic values based on the layer so if you preconfigure the range values, you'll have some issues with different scenarios. It's definitely not easy but possible.

Shay

Re: Add slider bar to Filter widget

AlexWhitesell — Thu, 16 Apr 2020 21:15:20 GMT

Has anyone implemented this via a customized widget? I'm interested in doing something similar.

Re: Add slider bar to Filter widget

PeterTennant — Wed, 08 Jul 2020 18:53:00 GMT

Yes please, this would be very practical adding a slider to the Web App Builder as a widget.