Topic: Multirange Bootstrap 5 Angular

mydancebay premium asked 10 months ago


Does Bootstrap 5 Angular Pro version support multirange component?


Arkadiusz Idzikowski staff answered 10 months ago


@mydancebay This component is not available in the current version but we plan to add it to the library in the future as a plugin. You can learn more about upcoming features in our roadmap:

https://mdbootstrap.com/docs/b5/roadmap/

Edit: You can add this code to the styles.scss to customize the thumb color:

// thumb
.range .thumb:after {
  background: red;
}

// track
.range input[type='range'] {
  &::-webkit-slider-thumb {
    background: red;
  }
  &::-moz-range-thumb {
    background: red;
  }
  &::-ms-thumb {
    background: red;
  }
}

mydancebay premium commented 10 months ago

Thank you for answer. And any chances to customize styles for current range component? I mean colors.


Arkadiusz Idzikowski staff commented 10 months ago

@mydancebay What exactly do you need to customize?


mydancebay premium commented 10 months ago

@Arkadiusz Idzikowski I need customize "range dot" color , also I need range thumb span is active all timenot only when I move it to the some side. enter image description here


Arkadiusz Idzikowski staff commented 10 months ago

@mydancebay I edited my answer and added an example code that you can use to customize the thumb color. It is not possible to display this element as active using styles because we update its position only when the input value change. We will check if we can correctly set the default position of the thumb on component initialization.


mydancebay premium commented 10 months ago

Thank you @Arkadiusz Idzikowski! And what about changing color for this element? I had some tries, but can't do it myself ( enter image description here


Arkadiusz Idzikowski staff commented 9 months ago

@mydancebay I updated the code in my answer.


mydancebay premium commented 9 months ago

Thank you a lot @Arkadiusz Idzikowski!


norbertbede premium commented 5 months ago

Hi,

i would like to ask when multi-range component will be released ? we are working on e-commerce filters, and no range component available atm. Norbert


Arkadiusz Idzikowski staff commented 5 months ago

@norbertbede It should be available in the next update, but we can't provide an ETA yet.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.6.1
  • Device: *
  • Browser: *
  • OS: *
  • Provided sample code: No
  • Provided link: No