Hello,
I tried searching the forums but I did not find quite what I am looking for. I would like to remove the horizontal scrollbar from the RadGrid control while still leaving it scrollable. I am handling the scrolling with the RadSlider control. What I am trying to do is have a dynamically built grid - no idea how many columns or rows it will have - with a footer, but with the horizontal scrollbar below it all. We don't want the horizontal scrollbar between the grid data and the footer since the visual presentation is ...off. The ASPX page looks like
with a CSS entry of:
Is this possible? If so, what am I missing?
Thanks,
Mark
I tried searching the forums but I did not find quite what I am looking for. I would like to remove the horizontal scrollbar from the RadGrid control while still leaving it scrollable. I am handling the scrolling with the RadSlider control. What I am trying to do is have a dynamically built grid - no idea how many columns or rows it will have - with a footer, but with the horizontal scrollbar below it all. We don't want the horizontal scrollbar between the grid data and the footer since the visual presentation is ...off. The ASPX page looks like
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"BodyContent"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
$('#divLoading').hide();
$('.monthHeaderRow').click(function () {
var next;
next = $(this).next();
while (next.hasClass('monthDataRow')) {
next.toggle();
next = next.next();
}
});
$('#divLoading').center();
});
function pageLoad(sender, args) {
$find("<%= RadSlider1.ClientID %>").set_maximumValue($find("<%= grdTrackingReport.ClientID %>")._gridDataDiv.scrollWidth);
}
function valueChange(sender, args) {
var gridDataDiv = $find("<%= grdTrackingReport.ClientID %>")._gridDataDiv;
if (sender.get_id() == "<%= RadSlider1.ClientID %>") {
gridDataDiv.scrollLeft = sender.get_value();
}
else {
gridDataDiv.scrollTop = sender.get_value();
}
}
</
script
>
<
telerik:RadGrid
ID
=
"grdTrackingReport"
runat
=
"server"
CssClass
=
"Grid"
OnItemDataBound
=
"grdTrackingReport_ItemDataBound"
>
<
MasterTableView
TableLayout
=
"Fixed"
></
MasterTableView
>
<
AlternatingItemStyle
BackColor
=
"#e8f2fd"
></
AlternatingItemStyle
>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"true"
></
Selecting
>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
/>
</
ClientSettings
>
</
telerik:RadGrid
>
<
center
>
<
telerik:RadSlider
ID
=
"RadSlider1"
runat
=
"server"
OnClientValueChange
=
"valueChange"
Length
=
"600"
/>
</
center
>
</
asp:Content
>
with a CSS entry of:
.Grid div
{
overflow: hidden !important;
}
Is this possible? If so, what am I missing?
Thanks,
Mark