ie6 css issue when no records

[Dave]

There appears to be a display issue in IE6 (on PC) when a RadGrid has no records.  I am using the latest version of the Telerik Controls.  I have a regular old RadGrid in my aspx page and inside the radgrid is the mastertableview with a nomasterrecordstext of "(There are no terms)".  When the grid has no records from the db, it shows the text "(There are no terms)", but to the left of the text is a vertical black line about 1/2" in height.  I'm assuming it's an IE6 CSS issue since it doesn't happen in any other browser. IE7 is fine.  My customer uses IE6 and has complained about that vertical line being there.  Any ideas? (other than telling my customer to upgrade their browser)

[Dimo]

Hi Dave,

Please take a look at the attached screenshot. Is this the border that you are talking about? If yes, then indeed, this is a visual glitch, caused by the fact the IE6 does not support pseudo-class CSS selectors.

If you are talking about something else, please send a couple of screenshots for us to inspect.

Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Dave]

Is there any workaround or CSS hack that I can put in place to fix this in IE6?  Or would it take too much work?

[Dimo]

Hi Dave,

Yes, there is. For example:

ASPX

<telerik:RadGrid
    ID="RadGrid1"
    runat="server"
    OnItemCreated="RadGrid1_ItemCreated" />

C#

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridNoRecordsItem)
    {
        e.Item.CssClass = "GridNoRecords GridRow_" + (sender as RadGrid).Skin;
    }
}

CSS

tr.GridNoRecords td
{
    border-left:0;
}

Best wishes,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.