RadWindow collapses for IE9 when overflow is set to hidden

3 posts, 0 answers
  1. Sridhar
    Sridhar avatar
    8 posts
    Member since:
    Jan 2012

    Posted 04 Jan 2012 Link to this post

    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. Sridhar
    Sridhar avatar
    8 posts
    Member since:
    Jan 2012

    Posted 04 Jan 2012 Link to this post

    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?
  3. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 06 Jan 2012 Link to this post

    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
Back to Top