Topic: How to implement Double Range Slider in Mdbootstrap Angular Pro 7.5.3
I'm using 7.5.3 latest version of pro UI-Kit. Help me to implement Double Range Slider in mdbootstrap angular pro.?
The code for multi range slider is available in our documentation: https://mdbootstrap.com/docs/angular/forms/slider/#multi-range
mikemca2000 commented 6 years ago
I've already implemented the code: . But it's still not working, showing only one dot. Do i have to import modules, as i'm using MDB pro version 7.5.3? Guide me where to import modules if needed.
It's showing two dots, but by default they are both placed at the left side of the slider. You need to add some values for both sliders:
<mdb-multi-range-input id="multi-range" min="0" max="100" [value]="{ first: 10, second: 80 }"></mdb-multi-range-input>
You can find more information about inputs, outputs and methods of the component in the API section (switch tab to API at the top of the documentation page).
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.1
- Device: Desktop
- Browser: chrome
- OS: windows 7
- Provided sample code: No
- Provided link: No