HandleImageUrl On Slider Extender AJAX

Hello, i am using ASP.Net 2.0 and AJAX toolkit since i needed a slider for my webpage.
The slider works fine however i need to change the handler of the slider to a triangular image and although there is a property for it in th slider extender HandleImageUrl it does not change anything. I either must be doing something wrong or there is a bug?
I would appriciate any input. Thanks
imatureStrudentAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David RobitailleAnalyst ProgrammerCommented:
hi,
I had this bookmarked the images seem to be lost, but :
http://aspadvice.com/blogs/garbin/archive/2007/12/10/SliderExtender-layout-and-custom-appearance.aspx
so, in my website, i got a app_graphics with a file named  slider_h_handle.gif I aslo got those css classes. It may be possible that you need to provide the CSS classes to enable the HandleImageUrl.
also note :"The height and width sizes of the image must be equal to the height and width values specified in the handle’s CSS class"



.slider_rail 
{ 
position: relative; 
background: url(App_Graphics/slider_h_rail.gif) repeat-x; 
height: 22px; 
width: 150px; 

} 
.slider_handle {position:absolute; 
height:22px; 
width:10px;} 

Open in new window

0
imatureStrudentAuthor Commented:
Thanks for looking at this question.

I tried that however the handle does not appear.

The cusom rail of the css appears but the handle has vanished. The interesting thing is that i can still select from the rail by clicking the mouse!?!?!

It is very confusing. I also made sure that the image size of the handle is the same as the set up in the css.
0
David RobitailleAnalyst ProgrammerCommented:
i`m not sore how the reference to the image is done, but it<as look like the slider cannot find the reference to the image. you could tru to do something like
HandleImageUrl=""~/App_Graphics/handle.gif"
you may also rename it to : "slider_h_handle.gif"
0
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

David RobitailleAnalyst ProgrammerCommented:
i just madfe the test and it work for me using HandleImageUrl="~/app_graphics/handle.gif"

 
0
imatureStrudentAuthor Commented:
Thanks for taking some time this is my code and my images are in a folder called Images.
Where do i go wrong?!
Thanks
<body>
    <form id="form1" runat="server">
     <asp:ScriptManager ID="ScriptManager1" runat="server">   </asp:ScriptManager>
<asp:Repeater ID="rRepeater" runat="server">
<ItemTemplate>
<head>
<style type="text/css">
#main_container {width:900px; overflow:hidden; border:1px solid lightgrey;padding-bottom:5px;position:relative}
.ulCls{list-style:none;margin:0;padding:0}
.ulCls li{float:left;width:33%;display:block;text-align:center}
.slider_rail {    position: relative;    height: 16px;    width: 150px; background:#ffffff url(Images/backs.gif) repeat-x;}
.slider_handle {    position: absolute;    height: 50px;    width: 50px; }
</style>
</head><body>
<div id="main_container">
<ul class="ulCls">
<li><asp:Label  ID="txtMin"  runat="server" Text = <%#DataBinder.Eval(Container.DataItem, "Min")%>></asp:Label></li>
<li><ajaxToolkit:SliderExtender ID="se1" runat="server"   RailCssClass="slider_rail" HandleCssClass="slider_handle"  HandleImageUrl ="~/Images/ball.gif" TargetControlID="Slider1" BoundControlID="SliderValue" /><asp:TextBox ID="Slider1" runat="server" text="50"/></li>
<li><asp:Label  ID="txtMax"  runat="server" Text = <%#DataBinder.Eval(Container.DataItem, "Max")%>></asp:Label></li>
<li><asp:TextBox ID="SliderValue" runat="server" Text="50"/></li>
</ul>
</div></body>
</ItemTemplate>
</asp:Repeater>

     <asp:Button ID="btnNext" runat="server" Text="Next" />

    </form>
</body>

Open in new window

0
David RobitailleAnalyst ProgrammerCommented:
The only thing i see is that the height of the rail that is smaller than the height of the handle...
 
0
imatureStrudentAuthor Commented:
Hi,
I did try setting it up the same height but it still did not show anything that is why i thought setting it less might help the other image to apear but no.
Thanks for your input.
0
David RobitailleAnalyst ProgrammerCommented:
i started a new project and tested the flowing.
it work.
So the problem is somewhere else...
Witch version of the toolkit do you use, did you try to update/downgrade it?? and witch web browser?

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css"> 
#main_container {width:900px; overflow:hidden; border:1px solid lightgrey;padding-bottom:5px;position:relative} 
.ulCls{list-style:none;margin:0;padding:0} 
.ulCls li{float:left;width:33%;display:block;text-align:center} 
.slider_rail {    position: relative;    height: 16px;    width: 150px; background:#ffffff url(Images/backs.gif) repeat-x;} 
.slider_handle {    position: absolute;    height: 50px;    width: 50px; } 
</style> 

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <ul class="ulCls"> 
            <li><ajaxToolkit:SliderExtender ID="SliderExtender1" 
            runat="server"   
            RailCssClass="slider_rail" 
            HandleCssClass="slider_handle"  
            HandleImageUrl ="~/Images/ball.gif" 
            TargetControlID="Slider1" 
            BoundControlID="SliderValue" />
            <asp:TextBox ID="Slider1" runat="server" text="50"/></li> 
            <li><asp:TextBox ID="SliderValue" runat="server" Text="50"/></li> 
       </ul> 

       
    </div>
    </form>
</body>
</html>

Open in new window

0
imatureStrudentAuthor Commented:
Hi thanks i was thinking of the same.
I am using Framework 2.0 and the version of toolkit is 1.0.10123.0 which appeared to be the latest release for this version of framework. I am not allowed to use .net 3.5 for this project because of the server cost :S . Do you think that this might be the problem ?
Thanks
0
David RobitailleAnalyst ProgrammerCommented:
well, i<m using Framework 3.5 and a version of the toolkit that I downloaded in the summer 2009.
Did you test the code I submitted? if it`s dont work, i would guess it`s the toolkit and/or framework`s fault.
But, I think you could run the framework 2.0 and 3.5 on the same IIS server: in fact, in IIS  framework 3.5 appear as "2.0.50727"
I made a quick search for you and here some result.
http://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q_22819688.html
and: http://stackoverflow.com/questions/135269/can-i-run-asp-net-2-0-and-3-5-code-on-the-same-website
.NET 3.5 is 2.0 with a few extra libraries. So the answer is yes you can run them on the same web site. In fact you cannot even set a web application to run under 3.5. It just runs under 2.0. You can check the ASP.NET tab in the properties of an IIS site to see that there isn't even an option to run your application under 3.5.

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
imatureStrudentAuthor Commented:
Hi,
Sorry for the late reply.
I just tested your code in 3.5 and it is working. Indeed there must be an issue with the framework.
Thanks for the above links too i have had a look at them and they are very usefull.
Regards
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.