Slider Handle Mis-Aligned

2 posts, 0 answers
  1. Tyler
    Tyler avatar
    4 posts
    Member since:
    Oct 2017

    Posted 08 Nov Link to this post

    I'm using a very basic <telerik:RadSlider> implementation, however the display is off and I can't figure out why. The slider is in a .ascx User Control that's loaded into a PageView dynamically, almost identical to  this example.

    <telerik:RadSlider runat="server" ID="rsCommission" Skin="Silk" AnimationDuration="0"></telerik:RadSlider>     

  2. Tyler
    Tyler avatar
    4 posts
    Member since:
    Oct 2017

    Posted 08 Nov Link to this post

    Apologies, didn't mean to post that so quickly.

    The handle for the slider appears to be shifted to the left, overlapping the decrease button. Additionally, this happens on the opposite end as well - when dragging the slider to it's maximum, the handle falls short of the end by the same amount.

    I've attempted to solve this by using step 2 of this post but to no avail:

    <telerik:RadSlider runat="server" ID="rsCommission" Skin="Silk" AnimationDuration="0" EnableEmbeddedBaseStylesheet="false"EnableEmbeddedSkins="false"></telerik:RadSlider>

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
       <StyleSheets>
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Slider.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI"Name="Telerik.Web.UI.Skins.Silk.Slider..css" />
       </StyleSheets>
    </telerik:RadStyleSheetManager>

Back to Top