RadGrid renders different in IE7, IE8 and IE8 Compatibility Mode

[Randall]

Hello,

I am using RadControls for ASP.NET AJAX (v20091.527.20) and I am experiencing different display rendering in IE8 and IE8 Compatibility Mode.  Please see the attached screen shot.

As you can see, the columns widths are different depending on the browser mode.  I have also tried using IE7 but it renderes the same as IE8 Compatibility Mode.

Also, I have three custom filtering columns based on the GridTemplateColumn class.  The second one is set to stretch over five adjacent columns.  You can see it works fine in IE8 but gets clipped in IE8 Compatibility Mode (and also in IE7).

How can I fix this display issue?

Thanks,

Randall Price
Virginia Tech - Microsoft Implementation Group

[Dimo]

Hello Randall,

IE6 and IE7 display table columns with a larger width, compared to all other browsers - this is because they expand the columns by the amounf of side cell paddings. This problem can be workarounded by removing the paddings, but this will greatly reduce readability, so we don't recommend doing this.

As for the RadComboBox being clipped - actually this is the expected behavior and the control is fixed to clip overflowing content in all browsers in the latest versions. What I can suggest you to do is hide selected cells from the RadGrid filtering item (set Visible="false" for them) and set an appropriate ColSpan attribute to the table cell, which contains the RadComboBox. Do these customizations in the ItemCreated event handler. You can obtain reference to the table cells by using the respective columns' UniqueIDs.

http://www.telerik.com/help/aspnet-ajax/grdaccessingcellsandrows.html

Kind regards,
Dimo
the Telerik team

[Randall]

Hello Dimo,

Thanks for your quick response to my display issue.

Your suggestion works perfectly!  See the attached screenshot of the working solution.  I used the following code to fix this display issue:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridFilteringItem)
    {
        GridFilteringItem oGridFilteringItem = (GridFilteringItem)e.Item;

        // Hide the filtering item GridTableCell for these columns.
        ((oGridFilteringItem)["CountNeeded"]    as GridTableCell).Visible = false;
        ((oGridFilteringItem)["CountNotNeeded"] as GridTableCell).Visible = false;
        ((oGridFilteringItem)["CountFailed"]    as GridTableCell).Visible = false;
        ((oGridFilteringItem)["CountUnknown"]   as GridTableCell).Visible = false;

        // Set this filtering item to span 5 columns.
        ((GridTableCell)oGridFilteringItem["CountInstalled"] as GridTableCell).ColumnSpan = 5;
    }
}

I have the width of the RadComboBox (in the column that spans 5 columns) set to 100% and it stretches across the 5 columns just fine now.

Thanks,

Randall Price
Virginia Tech - Microsoft Implementation Group