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

Browser compatibility issue IE9

3 Answers 177 Views

Dock

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

prayag ganoje asked on 25 Apr 2011, 03:25 PM

browser-compatibility-issue-ie9.png

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;

}

3 Answers, 1 is accepted

answered on 25 Apr 2011, 03:35 PM

auto-growing-raddock-on-mouse-over.png

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

answered on 28 Apr 2011, 09:25 AM

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

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.