Slider inside FilterTemplate

[Gary]

Hello,
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>
<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 %>' />
</div>

Thank you in advance

[Tsvetie]

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 - http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filteringtemplatecolumns/defaultcs.aspx. 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.

Regards,
Tsvetie
the Telerik team