RadGrid + Skins = Wrong Display

2 posts, 1 answers
  1. Filleau
    Filleau avatar
    114 posts
    Member since:
    Jun 2006

    Posted 22 Jul 2008 Link to this post

    Hi, sorry for my english

    I'm using VS 2008, RadControl ASP.Net (Last release) and IE 7.0.6000.16681

    I have a lot of trouble with Radgrid and skins

    On a new projet I put, RadScriptManager, RadAjaxManager, RadUpdatePanel and RadGrid. I link my table on RadGrid, and choose a skin.

    When I run the project I have some missing border at the bottom. I try to change the Skins but the problem still exist.

    Look at this link for a image

    I don't understand what is wrong.

    Thanks for our help
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 22 Jul 2008 Link to this post

    Hi Filleau,

    Thank you for the screenshot.

    You either have set a height to RadGrid, which is too small to accommodate all table rows, or you have your RadGrid placed inside an UpdatePanel and you want the RadGrid to occupy a 100% height. If the latter is the case, then you need to set a 100% height to the UpdatePanel. You can see the UpdatePanel's <div> element client id in the output HTML and add the following CSS rule to your web application:

    #UpdatePanelClientID
    {
         height: 100%;
    }

    If you don't want to hardcode the client ID in a CSS rule, below you will find what to do. Let us know if we are missing something.


    <%@ Page Language="C#" %>  
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>  
      
    <script runat="server">  
          
        public string PanelClientID;  
        protected void ram_AjaxSettingCreated(object sender, Telerik.Web.UI.AjaxSettingCreatedEventArgs e)  
        {  
            this.PanelClientID = e.UpdatePanel.ClientID;  
        }  
      
    </script>  
      
    <!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>RadGrid for ASP.NET AJAX</title>  
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
    <style type="text/css">  
      
    html  
    {  
        overflow:auto;  
    }  
      
    html,  
    body,  
    form,  
    #<%= PanelClientID %>  
    {  
        margin:0;  
        height:100%;  
    }  
      
    </style>  
    </telerik:RadCodeBlock>  
    </head>  
    <body>  
    <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1"  runat="server" />  
      
    <telerik:RadGrid  
        ID="RadGrid1"  
        runat="server"  
        Width="100%"  
        Height="100%" />  
    <telerik:radajaxmanager id="ram" runat="server" enableajax="true" OnAjaxSettingCreated="ram_AjaxSettingCreated">  
        <ajaxsettings>  
            <telerik:ajaxsetting ajaxcontrolid="RadGrid1">  
                <updatedcontrols>  
                    <telerik:ajaxupdatedcontrol controlid="RadGrid1" />  
                </updatedcontrols>  
            </telerik:ajaxsetting>  
        </ajaxsettings>  
        </telerik:radajaxmanager>  
    </form>  
    </body>  
    </html>  


    Regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top