Browser compatibility issue IE9

4 posts, 0 answers
  1. prayag ganoje
    prayag ganoje avatar
    127 posts
    Member since:
    Feb 2010

    Posted 25 Apr 2011 Link to this post

    Hello,

    I am facing a browser compatibility issue with IE9 for RadDock control. Checked the same effect with latest release as well.

    Docks are working fine with IE8 but behaving abnormal with IE9. 

    Though Resizable="false" but docks can be resided easily.

    Scrollbars are visible.

    Dock height changes automatically on mouse over.

    Is this a known issue ?

    <Martinbeeby:RadDockLayoutNew ID="RadDockLayout1" runat="server" OnLoadDockLayout="RadDockLayout1_LoadDockLayout"
        OnSaveDockLayout="RadDockLayout1_SaveDockLayout">
        <table style="width: 100%;">
            <tr align="left" style="padding-bottom: 5px; padding-top: 5px;">
                <td style="vertical-align: top; width: 33%;">
                    <Martinbeeby:RadDockZoneNew ID="RadDockZone1" runat="server" MinHeight="500px" Width="255px"
                        BorderStyle="None">
                        <Martinbeeby:RadDockNew ID="RadDock1" runat="server" Width="255px" EnableAnimation="true"
                            Resizable="false" Skin="Sitefinity" Tag="CSMD_Average_Response_Time" Text="CSMD_Average_Response_Time"
                            AutoPostBack="true" Title="Avg Response Time" CssClass="rdTitleBar" OnCommand="RadDock_Command"
                            OnDockPositionChanged="DockPositionChanged" DockMode="Docked">
                            <Commands>
                                <telerik:DockCloseCommand AutoPostBack="true" />
                                <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                            </Commands>
                            <ContentTemplate>
                                <div>
                                    <uc1:AvgResponseTime ID="CSMD_Average_Response_Time" runat="server"></uc1:AvgResponseTime>
                                </div>
                            </ContentTemplate>
                        </Martinbeeby:RadDockNew>
                    </Martinbeeby:RadDockZoneNew>
                </td>
                <td style="vertical-align: top; width: 33%;">
                    <Martinbeeby:RadDockZoneNew ID="RadDockZone2" runat="server" MinHeight="500px" Width="255px"
                        BorderStyle="None">
                        <Martinbeeby:RadDockNew ID="RadDock2" runat="server" Width="255px" EnableAnimation="true"
                            Resizable="false" DockHandle="TitleBar" Tag="CSMD_Average_Resolution_Time_BL"
                            Text="CSMD_Average_Resolution_Time_BL" AutoPostBack="true" Skin="Sitefinity"
                            DockMode="Docked" Title="Avg Resolution Time Backline" OnCommand="RadDock_Command"
                            OnDockPositionChanged="DockPositionChanged">
                            <Commands>
                                <telerik:DockCloseCommand AutoPostBack="true" />
                                <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                            </Commands>
                            <ContentTemplate>
                                <div>
                                    <uc3:AvgResolutionTimeBL ID="CSMD_Average_Resolution_Time_BL" runat="server"></uc3:AvgResolutionTimeBL>
                                </div>
                            </ContentTemplate>
                        </Martinbeeby:RadDockNew>
                    </Martinbeeby:RadDockZoneNew>
                </td>
                <td style="vertical-align: top; width: 33%;">
                    <Martinbeeby:RadDockZoneNew ID="RadDockZone3" runat="server" MinHeight="500px" Width="255px"
                        BorderStyle="None">
                        <Martinbeeby:RadDockNew ID="RadDock3" runat="server" Width="255px" EnableAnimation="true"
                            Resizable="true" DockHandle="TitleBar" Tag="CSMD_Average_Resolution_Time_FL"
                            Text="CSMD_Average_Resolution_Time_FL" AutoPostBack="true" Skin="Sitefinity"
                            DockMode="Docked" Title="Avg Resolution Time Frontline" OnCommand="RadDock_Command"
                            OnDockPositionChanged="DockPositionChanged">
                            <Commands>
                                <telerik:DockCloseCommand AutoPostBack="true" />
                                <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                            </Commands>
                            <ContentTemplate>
                                <div>
                                    <uc2:AvgResolutionTimeFL ID="CSMD_Average_Resolution_Time_FL" runat="server"></uc2:AvgResolutionTimeFL>
                                </div>
                            </ContentTemplate>
                        </Martinbeeby:RadDockNew>
                    </Martinbeeby:RadDockZoneNew>
                </td>
            </tr>
        </table>
    </Martinbeeby:RadDockLayoutNew>

    .RadDock .rdTop .rdTitleBar
        {
            text-align: left;
            position: relative;
            vertical-align:top  !important;
        }
        .RadDock
        {
            height: auto!important;
            margin: 0 0 15px 0 !important;
        }
  2. prayag ganoje
    prayag ganoje avatar
    127 posts
    Member since:
    Feb 2010

    Posted 25 Apr 2011 Link to this post

    Added another image of growing raddock downward automatically on mouse over.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. prayag ganoje
    prayag ganoje avatar
    127 posts
    Member since:
    Feb 2010

    Posted 27 Apr 2011 Link to this post

    Hello,

    This is being very serious since there is no reply on it.
  5. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 28 Apr 2011 Link to this post

    Hello Prayag,

    I tested your code on my computer locally and everything seems to be working fine. The problem might be caused by the content placed in the dock, or by some global styles that get applied to the RadDock control. That's why I would like to ask you, to send the content (user controls) that reside in the dock and all the CSS that gets applied to the page, so we can reproduce the issue locally. Note that you must open a new support ticket if you want to attach files different than images.

     Here is the code that I tested:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .RadDock .rdTop .rdTitleBar
            {
                text-align: left;
                position: relative;
                vertical-align: top !important;
            }
            .RadDock
            {
                height: auto !important;
                margin: 0 0 15px 0 !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="RadScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <table style="width: 100%;">
                <tr align="left" style="padding-bottom: 5px; padding-top: 5px;">
                    <td style="vertical-align: top; width: 33%;">
                        <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="500px" Width="255px"
                            BorderStyle="None">
                            <telerik:RadDock ID="RadDock1" runat="server" Width="255px" EnableAnimation="true"
                                Resizable="false" Skin="Sitefinity" Tag="CSMD_Average_Response_Time" Text="CSMD_Average_Response_Time"
                                AutoPostBack="true" Title="Avg Response Time" CssClass="rdTitleBar" DockMode="Docked">
                                <Commands>
                                    <telerik:DockCloseCommand AutoPostBack="true" />
                                    <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                    <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                                </Commands>
                                <ContentTemplate>
                                    <div>
                                        CSMD_Average_Response_Time
                                        <br />Resizable="false"
                                    </div>
                                </ContentTemplate>
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </td>
                    <td style="vertical-align: top; width: 33%;">
                        <telerik:RadDockZone ID="RadDockZone2" runat="server" MinHeight="500px" Width="255px"
                            BorderStyle="None">
                            <telerik:RadDock ID="RadDock2" runat="server" Width="255px" EnableAnimation="true"
                                Resizable="false" DockHandle="TitleBar" Tag="CSMD_Average_Resolution_Time_BL"
                                Text="CSMD_Average_Resolution_Time_BL" AutoPostBack="true" Skin="Sitefinity"
                                DockMode="Docked" Title="Avg Resolution Time Backline">
                                <Commands>
                                    <telerik:DockCloseCommand AutoPostBack="true" />
                                    <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                    <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                                </Commands>
                                <ContentTemplate>
                                    <div>
                                        CSMD_Average_Resolution_Time_BL
                                        <br />Resizable="false"
                                    </div>
                                </ContentTemplate>
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </td>
                    <td style="vertical-align: top; width: 33%;">
                        <telerik:RadDockZone ID="RadDockZone3" runat="server" MinHeight="500px" Width="255px"
                            BorderStyle="None">
                            <telerik:RadDock ID="RadDock3" runat="server" Width="255px" EnableAnimation="true"
                                Resizable="true" DockHandle="TitleBar" Tag="CSMD_Average_Resolution_Time_FL"
                                Text="CSMD_Average_Resolution_Time_FL" AutoPostBack="true" Skin="Sitefinity"
                                DockMode="Docked" Title="Avg Resolution Time Frontline">
                                <Commands>
                                    <telerik:DockCloseCommand AutoPostBack="true" />
                                    <telerik:DockCommand Name="doEdit" Text="Customize" AutoPostBack="true" CssClass="CustomCommandEdit" />
                                    <telerik:DockCommand Name="doRefresh" Text="Refresh" AutoPostBack="true" CssClass="CustomCommandRefresh" />
                                </Commands>
                                <ContentTemplate>
                                    <div>
                                        CSMD_Average_Resolution_Time_FL
                                        <br />
                                        Resizable="true"
                                    </div>
                                </ContentTemplate>
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </td>
                </tr>
            </table>
        </telerik:RadDockLayout>
        </form>
    </body>
    </html>


    All the best,
    Pero
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top