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

Client script changing header row height?

3 Answers 83 Views

Grid

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

3 Answers, 1 is accepted

answered on 23 Jun 2008, 03:54 PM

Hi Scott,

We have insufficient information regarding your project so please elaborate more and/or prepare a working project in order to give you more straight-to-the-point answer.

In the meantime you could use an approach similar to the one shown below to make sure the header height is as you expected:

in the code-behind

    
            protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e) 
        
            { 
        
                if (e.Item is GridHeaderItem) 
        
                { 
        
                    e.Item.Height = Unit.Pixel(50); 
        
                } 
        
            }

in the aspx

    
            <HeaderStyle Height="100px" />

Kind regards,
Daniel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 23 Jun 2008, 10:01 PM

After a few more hours of trouble-shooting, I've narrowed it down to the RadFormDecorator. The page below looks fine until you sort one of the columns, then the header row height inexplicably grows:

    
            <%@ 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 runat="server">  
        
            <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
        
            <title>RadGrid for ASP.NET AJAX</title> 
        
            <style type="text/css">  
        
            html  
        
            {  
        
                overflow: hidden;  
        
            }  
        
            html,  
        
            body,  
        
            form  
        
            {  
        
                margin:0;  
        
                height:100%;  
        
            }  
        
            </style> 
        
            </head> 
        
            <body> 
        
            <form id="form1" runat="server">  
        
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" Skin="Office2007" /> 
        
            <telerik:RadGrid  
        
                ID="RadGrid1" 
        
                runat="server" 
        
                DataSourceID="XmlDataSource1" 
        
                AllowPaging="false" 
        
                AllowSorting="true" 
        
                Skin="Vista" 
        
                PageSize="40" 
        
                Width="100%" 
        
                Height="100%" 
        
                style="border:0;outline:none" 
        
                > 
        
               <MasterTableView TableLayout="Fixed" /> 
        
               <ClientSettings> 
        
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                </ClientSettings> 
        
            </telerik:RadGrid> 
        
            <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" /> 
        
            </form> 
        
            </body> 
        
            </html>