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

Large space before the header

5 Answers 81 Views
Grid
This is a migrated thread and some comments may be shown as answers.
duheng
Top achievements
Rank 1
duheng asked on 06 Aug 2010, 11:01 PM
Hi Telerik experts,

I have a hierarchy grid (inner grid as a nestedViewTemplate). i set pageSize=40.
 
Here is the problem:
1. When I expand the row to show the inner grid, there is a white space shown before the header. (see attached pic). The more rows I expand, the larger the white space is.
2. i tried to set useStaticHeader = true, i got the same problem except that the white space will be shown between the header and the first row.

It's really strange. i searched a lot, didn't find any solution. Would you please help me out?

Here is the code:
<form id="frmSearchResults" runat="server">
   <div>
     <div>
     <table>
     <!--some controls here -->
     </table>
      <radspl:RadSplitter ID="spltSrchRes" runat="server" Skin="Outlook"  Width="100%" Visible="true" ResizeWithParentPane="true" ResizeWithBrowserWindow="true" ResizeMode="EndPane" Height="650">                    
       <radspl:RadPane ID="pnRefSrch" runat="server" Scrolling="None" CssClass="rgDataDiv">
        <telerik:RadGrid runAt="server" pageSize=40 >
          <ClientSettings AllowAutoScrollOnDragDrop="False">
                                <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="false" ClipCellContentOnResize="False">
                                </Resizing>
                                <Scrolling AllowScroll="true" UseStaticHeaders="false" FrozenColumnsCount ="1" ScrollHeight ="640px" />
                                <Selecting AllowRowSelect="True" />
                                <ClientEvents OnGridCreated="GridCreated" />
                            </ClientSettings>
                            <MasterTableView Width="99%" DataKeyNames="General ID" ClientDataKeyNames="General ID" TableLayout ="Auto"    
                                AllowFilteringByColumn="true" >
                <NestedViewSettings>
                                    <ParentTableRelation>
                                        <telerik:GridRelationFields DetailKeyField="GeneralID" MasterKeyField="GeneralID" />
                                    </ParentTableRelation>
                                </NestedViewSettings>
                                <NestedViewTemplate>
       <telerik:RadGrid HorizontalAlign="center" Width="1000" ID="inner" runat="server">
        <MasterTableView TableLayout="auto" AllowFilteringByColumn="true">
                                            </MasterTableView>
                                        </telerik:RadGrid>
  
 </MasterTableView>
 </telerik:RadGrid>
  </radspl:RadPane>
                </radspl:RadSplitter>

Best regards,
heng

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 11 Aug 2010, 08:20 AM
Hi Heng,

The provided code snippet is OK, the issue is probably caused by something else. Can you provide an isolated runnable web page, which reproduces the issue? Alternatively, send us a live URL.

If you are using RadFormDecorator to decorate checkboxes or radio buttons in RadGrid, please try setting

CSS

.rgDataDiv
{
      position: relative ;
}


All the best,
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
0
PETER MORAN
Top achievements
Rank 1
answered on 03 Nov 2010, 03:35 PM
I am having the same issue, but it is only occurring in IE9.  IE8, FF, Opera, et al don't display this behavior. 

I am not using the RadFormDecorator.

Any feedback as to the solution is greatly appreciated!

Thanks!
0
Dimo
Telerik team
answered on 03 Nov 2010, 05:09 PM
Hello Peter,

IE9 is still in beta stage and has issues to be fixed (hopefully). We will support it once it becomes official. In the meantime, I suggest you to run it in IE8 mode (use a compatibility meta tag).

Regards,
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
0
PETER MORAN
Top achievements
Rank 1
answered on 09 Nov 2010, 09:43 PM
Thanks for the feedback.  The meta tag did the trick.

As it turns out, IE8 running in compatibility mode will also produce the large white space.  It seems the Hierarchical Rad Grid needs to be run in IE8 mode only.

To fix this, add the following meta tag before any link or script tags in the page header:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

The full header looks like the following:

<head runat="server">
    <title>Hello World</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <link href="../global.css" type="text/css" rel="stylesheet" />
    <script src="script/global.js" type="text/javascript"></script>
</head>

This doesn't seem to affect Firefox, Safari, Opera, Chrome, etc...

Thanks again!
0
Dimo
Telerik team
answered on 10 Nov 2010, 09:40 AM
Hello Peter,

>> "It seems the Hierarchical Rad Grid needs to be run in IE8 mode only."

This is generally not the case. It is possible that some browser quirk is triggered by the specific HTML / CSS code on the web page. If you provide a simple, but complete runnable demo, we can take a look.

Best wishes,
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
Tags
Grid
Asked by
duheng
Top achievements
Rank 1
Answers by
Dimo
Telerik team
PETER MORAN
Top achievements
Rank 1
Share this question
or