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

Grid display problem. Need help.

4 Answers 44 Views

Grid

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

towpse asked on 14 Apr 2010, 09:56 PM

I'm having a grid issue. I'm not sure what started to cause it. I know it wasn't behaving this way until recently it was introduced somehow.

I'm wondering if anyone else has seen symptoms like this.

So,

I have this simple grid.

                    <telerik:RadGrid runat="server" ID="grider" Skin="Office2007" AutoGenerateColumns="false" AllowMultiRowSelection="true" Width="300" height="100" >         
                  <MasterTableView runat="server" ClientDataKeyNames="DataPointId,IsEnabled, HasMultiple"  ShowHeader="false" TableLayout="Fixed">         
                    <NoRecordsTemplate>         
                       <asp:Localize ID="Localize3" runat="server" Text="<%$ Resources:Resource, NO_AVAILABLE_ALERTS %>" />
            	</NoRecordsTemplate>         
                    <Columns>         
                       <telerik:GridBoundColumn UniqueName="Display" DataField="Display" HeaderText="<%$ Resources:Resource, DISPLAY %>" />         
                    </Columns>         
                  </MasterTableView>         
                  <ClientSettings AllowKeyboardNavigation="True" EnableRowHoverStyle="true">         
                       <Scrolling UseStaticHeaders="true" AllowScroll="true" />         
                       <Selecting AllowRowSelect="true" />         
                       <ClientEvents OnRowDataBound="RowDataBound" OnRowCreated="RowCreated" OnRowSelected="GridAddRowSelected" OnRowSelecting="RowSelecting" OnRowDeselected="GridAddRowDeselected"/>         
                   </ClientSettings>         
            </telerik:RadGrid>         

It's sitting inside a div structure a few layers deep.

I use it to change the UI based on a page mode.

If I hide the parent div in javascript like so $get('divParent').style.display = 'none';

in order to display other controls

the grid doesn't hide. it just floats above the other controls that are now visible

this is only in IE. might anyone know why this is happening?

regards

4 Answers, 1 is accepted

answered on 19 Apr 2010, 09:24 AM

Hi Matt,

In my opinion the problem is not related to RadGrid. Please validate the page HTML markup. It is also possible that some IE rendering bug is triggered.

If the problem persists, please send us a runnable demo to take a look.

Here is a test page, which works as expected.

<%@ Page Language="C#" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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 id="Head1" runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<asp:Button ID="Button1" runat="server" Text="Toggle RadGrid display" OnClientClick="return toggleDisplay()" />

<script type="text/javascript">

function toggleDisplay()

{

var parentDiv = $get('divParent');

parentDiv.style.display = parentDiv.style.display == "none" ? "" : "none";

return false;

}

</script>

<div>

content before RadGrid

</div>

<div id="divParent">

<telerik:RadGrid runat="server" ID="grider" Skin="Office2007" AutoGenerateColumns="false" AllowMultiRowSelection="true"

Width="300" height="100" DataSourceID="XmlDataSource1">

<MasterTableView ClientDataKeyNames="DataPointId,IsEnabled,HasMultiple" ShowHeader="false" TableLayout="Fixed">

<NoRecordsTemplate>

NoRecordsTemplate

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="Display" DataField="Display" HeaderText="HeaderText" />

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="True" EnableRowHoverStyle="true">

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

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

</div>

<div>

content after RadGrid

</div>

<asp:XmlDataSource ID="XmlDataSource1" runat="server">

<Data>

<nodes>

<node DataPointId="1" IsEnabled="true" HasMultiple="true" Display="false" />

<node DataPointId="2" IsEnabled="true" HasMultiple="false" Display="false" />

<node DataPointId="3" IsEnabled="false" HasMultiple="true" Display="false" />

<node DataPointId="4" IsEnabled="false" HasMultiple="false" Display="true" />

<node DataPointId="5" IsEnabled="true" HasMultiple="true" Display="true" />

<node DataPointId="6" IsEnabled="false" HasMultiple="false" Display="true" />

</nodes>

</Data>

</asp:XmlDataSource>

</form>

</body>

</html>

Sincerely yours,
Dimo
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.