Hi,
We are using Jdeveloper version 11.1.1.5.0
we have requirement to have progressbar where user can change the progress manually, like change the slider value by dragging it.
To achieve this we are trying to use inputRangeSlider component available in ADF, during this we are facing issue in disabling the left tick/minus icon for the component. We need only one side slider like major tick alone.
Is there a way to disable(non eidtable)/lock the left tick/minus icon using either css or any other.
below is sample we are using.
jsff:
<af:inputNumberSlider label="" id="inputNumberSlider1" maximum="100" converter="javax.faces.Integer" autoSubmit="true"
value="#{viewScope.ProgressBarModel.numberValue}" minimumIncrement="5" minimum="0"
valueChangeListener="#{viewScope.ProgressBarModel.onSlideChange}" simple="true"/>
skinning:
af|inputRangeSlider::thumb-icon-style{ visibility: hidden;}
af|inputRangeSlider::thumb-value{ visibility: visible; color: White; border: none ;}
af|inputRangeSlider::bar-outer-border { border: none ; background: InactiveCaption ; height: 20.0px; padding-left: 1px;padding-right: 1px; padding-top: 0px; padding-bottom: 1px}
af|inputRangeSlider::bar-inner-border { border: none ; background: InactiveCaption ; height: 20.0px; padding: 0px 0px 0px 0px}
af|inputRangeSlider::minus-icon-style { background: none ; border-left: none ; }
af|inputRangeSlider::plus-icon-style {background:none; border-left: none ;}
af|inputRangeSlider::content {width: 250px;}
af|inputRangeSlider::range { background: Navy ; height: 20.0px;}
Please suggest.
Thanks in advance,