Slider inside FilterTemplate

2 posts, 1 answers
  1. Georg
    Georg avatar
    12 posts
    Member since:
    Nov 2009

    Posted 19 Oct 2010 Link to this post

    i have a problem that i could not solve by simple adding "position:relative" to the scrollable parent.

    I'm using the radSlider inside a grid's FilterTemplate, just like you use in the GRid -> FilterTempalte example on your Demos page.

    The difference is that i'm using the :

    <Scrolling SaveScrollPosition="true" AllowScroll="true" UseStaticHeaders="true" />

    the problem is, of course, with the slider not moving along with the scroll bars of the grid...and actually appear outside the grid fix width and adding horizonal scroll bar to my page.

    I added the css class:



    .rgDataDiv { position: relative !important; }

    as i noticed the parent scrollable control is a div with the class i mentioned before...and still the same problem within IE7.

    I attach the grid control definition :

    <telerik:RadGrid ID="gridCases" runat="server" AllowPaging="true" AllowCustomPaging="false" PageSize="30" Width="894px" EnableAjaxSkinRendering="true" GridLines="None" Height="455" AllowSorting="true" style="border-left-style:none !important; border-right-style:none !important; position:relative;">

    I attach also the FilterTempalte part of the slider:

    <div style="float:left; padding: 5px 7px 0 0;">$0</div>
    <div style="float:left;">
        <telerik:RadSlider runat="server" ID="RadSlider1" IsSelectionRangeEnabled="true"
        MinimumValue="0" MaximumValue="1010" SmallChange="5" ShowDecreaseHandle="false"
        ShowIncreaseHandle="false" Width="120px" SelectionStart='<%# startSlider %>'
        SelectionEnd='<%# endSlider %>' OnClientValueChanged="ClientValueChange" OnClientSlideStart="ClientSlideStart"
        OnClientSlideEnd="FreightRangeChanged" />
    <div style="float: left; padding: 5px 0 0 7px">$1000</div>
    <div style="clear: both">
        <asp:Literal ID="Literal1" runat="server" Text='<%# "Showing: $" & startSlider & " to $" & endSlider %>' />

    Thank you in advance
  2. Answer
    Tsvetie avatar
    1517 posts

    Posted 25 Oct 2010 Link to this post

    Hi George Peiov,
    I was able to quickly reproduce the problem in IE6/IE7 with a RadSlider control, defined in the grid's template column with enabled filtering. However, the CSS selector that you tried fixed the problem on my side:
    .rgDataDiv { position: relative !important; }

    I used the demo that you mentioned as a staring point - I have attached the modified code of the demo for your reference. In case this does not help you fix the problem, please open a formal support ticket and send us as running test project that demonstrates the problem you have.

    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top