Hello Chad,
As I could see from your screehsnots some of the Slider resources are not loaded on the page. I could not tell what is happening with your application, but I have tested your code with a very few changes (I have added some absolute img urls):
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
asp:Panel
ID
=
"pagerContainer"
CssClass
=
"pagercontainer"
runat
=
"server"
>
<
table
border
=
"0"
width
=
"100%"
cellpadding
=
"2"
cellspacing
=
"2"
>
<
tr
>
<
td
valign
=
"middle"
width
=
"105px"
nowrap
=
"nowrap"
>
<
asp:Panel
ID
=
"LeftContainer"
runat
=
"server"
CssClass
=
"pagerCommand"
>
<
asp:ImageButton
AlternateText
=
"First Page"
CommandName
=
"First"
ID
=
"firstPageButton"
runat
=
"server"
ToolTip
=
"First Page"
/>
<
asp:ImageButton
AlternateText
=
"Previous Page"
CommandName
=
"Previous"
ID
=
"previousPageButton"
runat
=
"server"
ToolTip
=
"Previous Page"
/>
</
asp:Panel
>
</
td
>
<
td
valign
=
"middle"
width
=
"175px"
>
<
asp:Panel
ID
=
"sliderPanel"
CssClass
=
"pagerCommand"
runat
=
"server"
>
<
telerik:RadSlider
ID
=
"slider"
runat
=
"server"
EnableViewState
=
"true"
ShowIncreaseHandle
=
"false"
Width
=
"175px"
Skin
=
"Black"
AutoPostBack
=
"true"
>
</
telerik:RadSlider
>
</
asp:Panel
>
</
td
>
<
td
valign
=
"middle"
width
=
"105px"
>
<
asp:Panel
ID
=
"rightContainer"
runat
=
"server"
CssClass
=
"pagerCommand"
>
<
asp:ImageButton
AlternateText
=
"Next Page"
CommandName
=
"Next"
ID
=
"nextPageButton"
runat
=
"server"
ToolTip
=
"Next Page"
/>
<
asp:ImageButton
AlternateText
=
"Last Page"
CommandName
=
"Last"
ID
=
"lastPageButton"
runat
=
"server"
ToolTip
=
"Last Page"
/>
</
asp:Panel
>
</
td
>
<
td
align
=
"right"
>
<
asp:Label
ID
=
"positionLabel"
runat
=
"server"
CssClass
=
"pagerinfo"
/>
</
td
>
</
tr
>
</
table
>
<
asp:HiddenField
ID
=
"SliderHiddenField"
runat
=
"server"
/>
</
asp:Panel
>
</
form
>
</
body
>
</
html
>
Attached is sliderPlayer.gif showing the result in the browser. I could only guess if this is similar to the result that you expect. If it`s close and it works on my side but does not work on yours, we will need us to send us a simple sample project with your application and the issue reproduced, so we would be able to investigate it further.
As I could see only a picture od the problem, this is also a guess, but it could be the known IE CSS limitation problem, and that`s why some of the CSS resources were not loaded on the page.
There is a blog post on our website:
Internet Explorer CSS Limits where the problem is described in detail and suggests several ways to fix the issue.
But in shortly, I will suggest you to add
RadStyleSheetManager to your application.
RadStyleSheetManager control gives developers the advantage of a simple drag-and-drop to achieve the combination of resources to a single request. All you need is to add a
RadStyleSheetManager to your page and the stylesheet requests will be combined into a single request:
All the best,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their
blog feed now