We have a constant sum input with sliders and we are trying to set the increment value. The sliders are to allow users to allocate a budget of $1,000,000 and we want them to be able to allocate it in $10,000 increments. It looks like the increment value is being autogenerated (approx 0.13% per increment on desktop and 2.3% on mobile). Is there a way to force that value? We were hoping to force the increments to be 1%. Would that be possible?
I assume it would have to be some sort of javascript to override the default behavior, but I am unsure how to hook into the javascript.
The other option is with CSS and we append the "0,000" to the input. I have tried using custom CSS to change the behaviour of
Skin .horizontalbar table.sliderGrid tr td.value input, .Skin .horizontalbar tr.Stars td.valueBut it looks like the custom CSS is being processed before the
mock-stylescss, so any of my changes are being overridden.
Any thoughts where I can go with this?