This is a migrated thread and some comments may be shown as answers.

[Solved] MoveOver Grid HeaderText

4 Answers 102 Views

Grid

This is a migrated thread and some comments may be shown as answers.

RvdGrint asked on 12 Sep 2011, 12:14 PM

Hello,

I've a RadGrid (RadGrid1 in example) that's Enclosed by a RadAjaxPanel and ASP Panel:

<telerik:RadAjaxPanel runat="server" ID="rapEntryPurchase" ClientEvents-OnRequestStart="onRequestStart" LoadingPanelID="RadAjaxLoadingPanel1" >

//RadComboBox

<telerik:RadAjaxPanel runat="server" ID="rapPurchase" ClientEvents-OnRequestStart="onRequestStart" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Panel ID="pnlPurchase" runat="server" Width="100%" ScrollBars="Horizontal" BackColor="Blue">

//RadGrid1

</asp:Panel>

<telerik:RadAjaxPanel runat="server" ID="rapPurchaseLines" ClientEvents-OnRequestStart="onRequestStart" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Panel ID="pnlPurchaseLine" runat="server" Width="100%" ScrollBars="auto">

//RadGrid2

</asp:Panel>

</telerik:RadAjaxPanel>

<telerik:RadAjaxPanel>

When moving the mouse over the HeaderText of the RadGrid1, some space is added at the end of the ASP Panel. This happens only when the horizontal scrollbar is activate/showed.

Does anyone have a solution for this problem?

Regards,
Jos Meerkerk

4 Answers, 1 is accepted

answered on 13 Sep 2011, 10:01 AM

RadGrid.zip

Hello Jos,

I tried to replicate the described issue in a sample project, but to no avail. I am attaching the page for your reference. Please give it a try and let me know what is the difference in your scenario.

Kind regards,
Pavlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 13 Sep 2011, 10:37 AM

Pavlina,

I indeed couldn't reproduce the problem with your example so I modified it a bit (you should only change it back to you're datasource and datafields). Now I can reproduce the problem, only not on moveover the Header Text but on moveover of the filter button.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="YBS.UC.FIN.AddWindow.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script type="text/javascript">

function onRequestStart(sender, args) {

}

</script>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="scriptManager" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxPanel runat="server" ID="rapEntryPurchase" ClientEvents-OnRequestStart="onRequestStart"

LoadingPanelID="RadAjaxLoadingPanel1">

//RadComboBox

<telerik:RadAjaxPanel runat="server" ID="rapPurchase" ClientEvents-OnRequestStart="onRequestStart"

LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Panel ID="pnlPurchase" runat="server" Width="100%" ScrollBars="Auto" BackColor="Blue">

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1"

AutoGenerateColumns="false" Skin="Windows7" AllowSorting="true" AllowFilteringByColumn="true">

<MasterTableView Width="1800px">

<Columns>

<telerik:GridBoundColumn HeaderText="RelationID" UniqueName="RelationID"

DataField="RelationID" HeaderStyle-Width="150px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Name" UniqueName="Name"

DataField="Name" HeaderStyle-Width="250px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Search" UniqueName="Search" DataField="Search" HeaderStyle-Width="300px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="WebSite" UniqueName="WebSite" DataField="WebSite" HeaderStyle-Width="150px">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Panel>

<telerik:RadAjaxPanel runat="server" ID="rapPurchaseLines" ClientEvents-OnRequestStart="onRequestStart"

LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Panel ID="pnlPurchaseLine" runat="server" Width="100%" ScrollBars="auto">

//RadGrid2

</asp:Panel>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:Yosi %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM CRM_Relation"

runat="server"></asp:SqlDataSource>

</form>

</body>

</html>

So please check my example again.
By the way as I mentioned in a previous reply I've a workaround for it by setting Height of the ASP panel to 100%. But I'm stil curious what's happening on move-over.

Regards,
Jos Meerkerk

answered on 14 Sep 2011, 03:48 PM

RadGrid-move-over.zip

Hello Jos,

I am still not able to replicate the issue you are facing as you can see from the attached modified project. Can you please specify browser version? Are you using version 2011.2.712 of RadControls in your project?

All the best,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal