Range Slider

bitjuice pro asked 6 years ago

Hi,

I need a slider component for Angular (https://mdbootstrap.com/docs/angular/forms/slider/) that allow to set two values: min and max.

Is there a way to get it by current version of Angular MDB?

Thanks

Marco


Damian Gemza staff answered 6 years ago

Dear @bitjuice 

Unfortunately, for now, there's no possibility to have a slider with two dots - for min and max value.

But this functionality is added to our nice-to-have list, and it will be implemented in the future.

Best Regards,

Damian


bitjuice pro answered 6 years ago

Hi Damian,

do you have news about this feature?

Thanks

Marco


Damian Gemza staff answered 6 years ago

Dear @bitjuice

Unfortunately, not. This feature is still in our nice-to-have list.

It will be added, but as always, I'm not able to provide you with some ETA, because in our tasks list bug reports got higher order than feature requests.

Best Regards,

Damian


carlosalviz commented 6 years ago

What a shame :( I was looking for the same


Damian Gemza staff answered 6 years ago

Dear @carlosalviz

This feature will be available with the next version of MDB Angular :)

Best Regards,

Damian


bitjuice pro commented 6 years ago

Very good news :)


carlosalviz commented 6 years ago

great!! tks a lot


bitjuice pro answered 6 years ago

Hi Damian thanks for this component!

I think that there is a bug: i tried to assign a start value but id doesn't work:

<mdb-multi-range-input min="14" max="100" (rangeValueChange)="onRangeValueChange($event)" value="{first: 20, second: 85}" ></mdb-multi-range-input>

Can you help me please?

Thanks


Damian Gemza staff answered 6 years ago

Dear @bitjuice

You have to use value as data binding syntax. Your value should look like this one:

[value]="{first: 20, second: 85}"

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: PC
  • Browser: Chorme
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes