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

RadWindow collapses for IE9 when overflow is set to hidden

2 Answers 110 Views
Window
This is a migrated thread and some comments may be shown as answers.
Sridhar
Top achievements
Rank 1
Sridhar asked on 05 Jan 2012, 12:51 AM
I have a static table in Radwindow's <ContentTemplate> tag. Upon popping up the Radwindow, it opens as collapsed for IE9. Works fine with rest of the major browsers, vis. IE 8, IE 9 Compat mode, FF, Chrome.
Here is my code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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></title>
    <style type="text/css">
        .hide
        {
            overflow: hidden;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="overflow: hidden;">
        <table cellspacing="0" border="0" style="table-layout: auto;">
            <tbody>
                <tr>
                    <th style="width: 100px;">
                        Column 1
                    </th>
                    <th style="width: 100px;">
                        Column 2
                    </th>
                </tr>
                <tr>
                    <td>
                        a
                    </td>
                    <td>
                        a
                    </td>
                </tr>
                <tr>
                    <td>
                        b
                    </td>
                    <td>
                        b
                    </td>
                </tr>
                <tr>
                    <td>
                        c
                    </td>
                    <td>
                        c
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <br />
    <br />
    <br />
    <br />
    <telerik:RadScriptManager ID="scriptManager" runat="server" />
    <telerik:RadButton ID="btnOpen" runat="server" Text="Open" OnClick="btnOpen_Click" />
    <br />
    <telerik:RadWindow ID="TestDialog" runat="server" Title="Select Order Services" VisibleStatusbar="false"
        AutoSize="true" AutoSizeBehaviors="Height" Width="400px" Modal="true" VisibleOnPageLoad="false" Behaviors="Close, Move"
        EnableShadow="true" CssClass="hide">
        <ContentTemplate>
            <div>
                <table cellspacing="0" border="0" style="table-layout: auto;">
                    <tbody>
                        <tr>
                            <th style="width: 100px;">
                                Column 1
                            </th>
                            <th style="width: 100px;">
                                Column 2
                            </th>
                        </tr>
                        <tr>
                            <td>
                                a
                            </td>
                            <td>
                                a
                            </td>
                        </tr>
                        <tr>
                            <td>
                                b
                            </td>
                            <td>
                                b
                            </td>
                        </tr>
                        <tr>
                            <td>
                                c
                            </td>
                            <td>
                                c
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </ContentTemplate>
    </telerik:RadWindow>
    </form>
</body>
</html>
Code behind:
protected void btnOpen_Click(object sender, EventArgs e)
        {
            TestDialog.VisibleOnPageLoad = true; // Pop up the radwindow
        }

2 Answers, 1 is accepted

Sort by
0
Sridhar
Top achievements
Rank 1
answered on 05 Jan 2012, 02:46 AM
I found a solution.
Update the css class 'hide' like this:
.hide
{
    display: inline;
    overflow: hidden;
}


But I dont understand how that works!
Could someone explain me how it fixes?
0
Svetlina Anati
Telerik team
answered on 06 Jan 2012, 10:20 AM
Hi Sidhar,

Would you please provide more details on the version of RadControls you are using? I can see that in the drop down the Q3 release of 2011 is selected and in System Tags you have selected Q1 release of 2007. I tested with the Q3 release and everything works fine.  On the other hand, older versions, released before IE9 was available do not support it but at that time there was not a ContentTemplate feature. This being said, in order to be able to answer your questions I will really need this additional version information.

Greetings,
Svetlina Anati
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
Window
Asked by
Sridhar
Top achievements
Rank 1
Answers by
Sridhar
Top achievements
Rank 1
Svetlina Anati
Telerik team
Share this question
or