Topic: Range Input - allow decimal places / labels

InfoShow pro asked 6 years ago


I'm trying to use the Range Input (slider) and was wondering if the following is possible:
  1. Allow decimal places (I have a slider where I need to allow 0.1 steps from 0-2)
  2. Similar to how the Premium Select list needed some modification to allow a label, could I have a label for the Range input? Currently looks like this:
Thanks very much, Tim.

Mirosław Stasiak free answered 6 years ago

Hi, Here you have a solution. You will need to style label to make it look the way you want, and was in the right place.
<form class="range-field">
 <label for="range-slider">Slider label</label>
 <input id="range-slider" type="range" min="0" max="2" step="0.1"/>

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No