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
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
0
Accepted
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.
Regards,
Dimo
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
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