I am testing the slider and I have it working reasonably well, but the graphic of theslider disappears on the right side. It goes about 75% and then it seems like there is a hidden textbox or something that it goes behind. The cursor turns into an i-bar.
Is there a minimum length of the slider. I have it set to 100.
Thanks
Here is code:
<div id="sliderBoxBack" style="position: relative; top: 0px; left: 0px; height: 60px; width:150px;
background-image: url('../Images/SliderBackground.png'); z-index: 3" >
<center>Simulated media impressions:</center>
<input type="text" name="inptMediaImpressions" readonly="true" style="width: 20px; text-align:center"
id="inpt_MediaImpressions" class="gvMktgData" />
<div id="sliderBox" style="position: relative; top: 20px; left: 0px;
height: 60px; width: 100px; z-index: 4" onmouseup="sliderupdate('inptMediaImpressions');">
</div>
<script>
var sliderMin = document.getElementById('<%=sleMediaImpressionsMin.ClientID %>').value;
if (sliderMin === null) {
sliderMin = 0;
}
var sliderMax = document.getElementById('<%=sleMediaImpressionsMax.ClientID %>').value;
var sliderCurrent = document.getElementById('<%=tbxMediaImpressions.ClientID %>').value;
var sliderMI = new dhtmlxSlider("sliderBox", {
skin: "dhx_skyblue",
min: sliderMin,
max: sliderMax,
step: 1,
size: 100,
vertical: false,
value: sliderCurrent
});
sliderMI.linkTo("inptMediaImpressions");
sliderMI.init();
</script>