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

RadGrid + Skins = Wrong Display

1 Answer 61 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Filleau
Top achievements
Rank 1
Filleau asked on 22 Jul 2008, 01:51 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 22 Jul 2008, 04:30 PM
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
Tags
Grid
Asked by
Filleau
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or