Browser compatibility issue IE9

[prayag ganoje]

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;
    }

[prayag ganoje]

Added another image of growing raddock downward automatically on mouse over.

[prayag ganoje]

Hello,

This is being very serious since there is no reply on it.

[Pero]

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">
<html xmlns="http://www.w3.org/1999/xhtml">
<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