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

RadDock layout issue IE8 Q2 2010

2 Answers 44 Views

Dock

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

2 Answers, 1 is accepted

answered on 30 Jul 2010, 11:46 AM

dockie8.gif

Hello Jeroen,

I have tried to reproduce the reported problem but to no avail. The custom CSS, that you have used, works as expected - apples margin-bottom of 14 pixels after each RadDock, and I don`t see any problems in IE8. Could you send us a live url to your application, so we would be able to investigate it further? Bellow is the code I have used trying to reproduce the problem:

<!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">

DIV.RadDock

{

margin-bottom: 14px !important;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadSkinManager runat="server" ID="rsm1" Enabled="true" ShowChooser="true">

</telerik:RadSkinManager>

<telerik:RadDockLayout ID="layout1" runat="server">

<telerik:RadDockZone ID="Zone1" runat="server" Width="300px" MinHeight="300px">

<telerik:RadDock ID="rd1" runat="server" Width="300" Height="300" Title="Can we recascade it?"

EnableRoundedCorners="true" Skin="WebBlue">

<ContentTemplate>

<div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a velit urna, eu

dictum enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur

ridiculus mus. Vivamus at risus nec eros pellentesque tempus. Quisque cursus purus

sed odio faucibus nec faucibus risus commodo. Cum sociis natoque penatibus et magnis

dis parturient montes, nascetur ridiculus mus. Quisque rutrum consectetur nisl,

et tempus nisl aliquet in. Nam vitae mauris lobortis velit euismod rhoncus. Nullam

dui sem, sollicitudin id volutpat tempus, vestibulum eu urna. Pellentesque tortor

orci, pretium et imperdiet eu, feugiat sit amet magna. Ut tempor sem quis orci facilisis

commodo.

</div>

</ContentTemplate>

</telerik:RadDock>

<telerik:RadDock ID="RadDock1" runat="server" Width="300" Height="300" Title="Can we recascade it?"

EnableRoundedCorners="true" Skin="WebBlue">

<ContentTemplate>

<div>

Vivamus dui ipsum, faucibus quis blandit a, faucibus eget elit. Aliquam scelerisque

sagittis consectetur. Sed et erat ut nulla tincidunt suscipit. Suspendisse quis

lectus nec eros commodo lacinia non ut libero. Suspendisse potenti. Aliquam erat

volutpat. Quisque facilisis tempor lectus, ac lacinia neque consectetur vel. Nulla

rhoncus convallis accumsan. Etiam sodales sollicitudin urna mattis mollis. Praesent

sapien leo, pharetra eget lacinia vitae, rhoncus vitae mauris. Vivamus ut nisi eros,

venenatis congue enim. Sed et mauris vitae metus egestas elementum fermentum ultrices

mauris. Proin id vestibulum urna. Nam volutpat posuere tellus vulputate semper.

Vivamus hendrerit tincidunt massa vitae posuere. Aliquam erat volutpat. Quisque

tincidunt consequat velit in accumsan. Integer feugiat magna eu est dictum sit amet

volutpat enim luctus.

</div>

</ContentTemplate>

</telerik:RadDock>

<telerik:RadDock ID="RadDock2" runat="server" Width="300" Height="300" Title="Can we recascade it?"

EnableRoundedCorners="true" Skin="WebBlue">

<ContentTemplate>

<div>

Pellentesque eget turpis nec dolor euismod scelerisque. Ut ultrices cursus diam

vitae hendrerit. Vivamus gravida ante nec leo ultricies sit amet fermentum orci

dapibus. Nam ultrices elementum velit, nec sollicitudin justo pretium sed. Integer

pretium eros in mi mattis vitae tincidunt tortor congue. Nam quis condimentum ligula.

Phasellus volutpat laoreet arcu ac iaculis. Nulla facilisi. Vestibulum volutpat

condimentum lacus, et tincidunt nisl pretium eget. Cum sociis natoque penatibus

et magnis dis parturient montes, nascetur ridiculus mus. Praesent tincidunt magna

vel ante hendrerit aliquam. Ut lobortis lobortis nunc, et semper lectus tincidunt

id. Nam tincidunt cursus orci nec iaculis.

</div>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</form>

</body>

</html>

Attached is dockie8.gif showing the result from the above code in IE8.

Best wishes,
Bojo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items