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

IE 8 Header UI problem

3 Answers 208 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gagan Garg
Top achievements
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.

3 Answers, 1 is accepted

Sort by
0
farsica
Top achievements
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>
0
Gagan Garg
Top achievements
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.
0
Dimo
Telerik team
answered on 08 Apr 2010, 11:41 AM
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

<%@ 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"
 
<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.
Tags
Grid
Asked by
Gagan Garg
Top achievements
Rank 1
Answers by
farsica
Top achievements
Rank 1
Gagan Garg
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or