Gagan Garg
Top achievements
Rank 1
Rank 1
Gagan Garg
asked on 06 Apr 2010, 05:19 PM
Hello,
I am using Q1 2010 telerik controls with IE 8 browser. I have faced UI problem please see the attached image circled.
I am using Q1 2010 telerik controls with IE 8 browser. I have faced UI problem please see the attached image circled.
3 Answers, 1 is accepted
0
farsica
Top achievements
Rank 1
Rank 1
answered on 06 Apr 2010, 07:53 PM
this is a style of your selected skin for the grid
if you use embededskin for example "Vista" you can add this style if you want to see cell border like others
<style>
.RadGrid_Vista .rgHeader:first-child
{
border-left:1px solid #8bbdde !important;
}
</style>
if you use embededskin for example "Vista" you can add this style if you want to see cell border like others
<style>
.RadGrid_Vista .rgHeader:first-child
{
border-left:1px solid #8bbdde !important;
}
</style>
0
Gagan Garg
Top achievements
Rank 1
Rank 1
answered on 07 Apr 2010, 09:58 AM
Hi
Thanks a lot of your reply.
But this is not a solution of my problem.
Please see the attached image that have some circled portion that shows the header of grid is not coming properly when the scroll bar comes in action.
Please give us solution to rectify this problem.
Thank you much.
Thanks a lot of your reply.
But this is not a solution of my problem.
Please see the attached image that have some circled portion that shows the header of grid is not coming properly when the scroll bar comes in action.
Please give us solution to rectify this problem.
Thank you much.
0
Hi Gagan Garg,
The empty space at the top-right corner is expected. Depending on the particular scenario, the workaround may be different - there is no universally applicable solution. Generally, you should apply the header background style to the RadGrid outer <div>.
In your case, please use
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.
The empty space at the top-right corner is expected. Depending on the particular scenario, the workaround may be different - there is no universally applicable solution. Generally, you should apply the header background style to the RadGrid outer <div>.
In your case, please use
<%@ Page Language="C#" %><%@ Import Namespace="System.Data" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><script runat="server">protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e){ DataTable dt = new DataTable(); DataRow dr; int colsNum = 4; int rowsNum = 10; string colName = "Column"; for (int j = 1; j <= colsNum; j++) { dt.Columns.Add(String.Format("{0}{1}", colName, j)); } for (int i = 1; i <= rowsNum; i++) { dr = dt.NewRow(); for (int k = 1; k <= colsNum; k++) { dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i); } dt.Rows.Add(dr); } (sender as RadGrid).DataSource = dt;} </script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"><meta http-equiv="content-type" content="text/html;charset=utf-8" /><title>RadControls</title><telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"><style type="text/css">div.RadGrid_Default { background:0 -7550px repeat-x url('<%= Page.ClientScript.GetWebResourceUrl(typeof(RadGrid), "Telerik.Web.UI.Skins.Default.Grid.sprite.gif")%>');}</style></telerik:RadCodeBlock></head><body><form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server" /><telerik:RadGrid ID="RadGrid1" runat="server" Width="800px" OnNeedDataSource="RadGrid_NeedDataSource"> <ClientSettings> <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="200px" /> </ClientSettings></telerik:RadGrid></form></body></html>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.