ASPSlider: A Slider Control for ASP.NET

• Download demo - 78.5 KB
• Download DLL - 5.27 KB
• Download source - 8.26 KB
• Download documentation - 33.7 KB

Introduction

ASPSlider is a slider control implemented in ASP.NET. Simply click anywhere on the slider, move your mouse to the desired position, and click again. ASPSlider is a highly customizable and easy to use slider control. It is free (for noncommercial use). ASPSlider uses DHTML extensively to achieve its functionality. Till now, it has only been tested with IE6.

Screenshots

<ASPSlider id="ASPSlider1" 
runat="server" 
SliderImageURL="images/arr7.gif" 
SliderTextColor="Orange" 
ScaleBgImageURL="images/backr.gif" 
CurrentValue="0" 
MaxValue="100" MinValue="0" 
SliderHeight="2px" 
SliderWidth="270px>
</uc1:ASPSlider>

<uc1:ASPSlider id="ASPSlider2" 
runat="server" 
SliderImageURL="images/dot.gif" 
ScaleBgImageURL="images/backs.gif" 
CurrentValue="250" SliderHeight="22px" 
MiddleTextClass="orangetext" 
ValueLabelClass="myclass" 
SliderWidth="270px" 
MaxValue="300" MinValue="100" 
SliderBorderSize="0" 
SliderBorderColor="Red">
</uc1:ASPSlider>

<uc1:ASPSlider id="ASPSlider3" 
runat="server" 
SliderImageURL="images/arr5.gif" 
ScaleBgImageURL="images/back3.jpg" 
CurrentValue="25" SliderHeight="20px" 
SliderWidth="270px" MinValue="0" 
MaxValue="50"></uc1:ASPSlider>

<uc1:ASPSlider id="ASPSlider4" 
runat="server" 
SliderImageURL="images/arr8.gif" 
ScaleBgImageURL="images/back9.gif" 
CurrentValue="250" 
SliderHeight="22px" 
ValueLabelClass="redclass" 
MiddleTextClass="redclass" 
SliderWidth="270px" 
MaxValue="400" MinValue="250" 
SliderBorderSize="0" 
SliderBorderColor="Red"></uc1:ASPSlider>

I made ASPSlider in my free time. With the rise in popularity of ASP.NET and WebForms, the demand for more ‘Windows’ like controls for web applications has risen. ASPSlider tries to mimic the behavior of Windows Slider control as far as possible. It allows the user to select a value in a given range. To select or change the value, first you have to click on the slider, then move your mouse to the desired position and click again. ASPSlider mainly relies on a complex combination of JavaScript and DHTML to achieve its functionality.

The major challenge in implementing the control was to remember the current value and position across postbacks. Lots of features are still to be added to the control. Also the control needs a lot of testing. I hope people downloading this control will use it and mail me their feedback, suggestions and bugs.

ASPSlider also allows client-side scripting. Just set the OnChangeClientCallBack property to the name of the client side JavaScript that will be called whenever the value of the slider changes. The JavaScript function should accept one parameter, which is used to supply the current value. Example:

<script>
function move(x)
{ //…..code goes here }
</script>

A Word about using ASPSlider

This control is an open source software. You can use if for free only for non-commercial purposes. If you need to use it commercially or want me to make any custom enhancements, please contact me by leaving a comment below.

History

• 31^st May, 2005: Initial post

License

This article has no explicit license attached to it, but may contain usage terms in the article text or the download files themselves. If in doubt, please contact the author via the discussion board below. A list of licenses authors might use can be found here.