Hi,
I've just installed the new Q2 version of the controls and in the main all is fine. I have however noticed that in Chrome I end up with an extra margin inside a RadSplitter. So I tried to inspect the CSS with Chrome, as soon as I try the margin collapses and the page looks as it should. I've deleted as much as possible on the page to get to a working example. The following code works in Chrome, you should see a left blue column, the right column has some text, the text appears maybe 15-20px away from the blue panel, if you now open it up for inspection the margin disappears.
Note that if you refresh the page with the inspector open in chrome then the margin appears for half a second or so then disappears.
Regards,
Jon
I've just installed the new Q2 version of the controls and in the main all is fine. I have however noticed that in Chrome I end up with an extra margin inside a RadSplitter. So I tried to inspect the CSS with Chrome, as soon as I try the margin collapses and the page looks as it should. I've deleted as much as possible on the page to get to a working example. The following code works in Chrome, you should see a left blue column, the right column has some text, the text appears maybe 15-20px away from the blue panel, if you now open it up for inspection the margin disappears.
Note that if you refresh the page with the inspector open in chrome then the margin appears for half a second or so then disappears.
Regards,
Jon
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
title
></
title
>
<
style
type
=
"text/css"
>
html, body, form
{
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.surroundPaneBackground
{
background-color: #8ba0bc;
height: 100%;
width: 100%;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadStyleSheetManager
ID
=
"pgRadStyleSheetManager"
runat
=
"server"
></
telerik:RadStyleSheetManager
>
<
telerik:RadScriptManager
ID
=
"pgRadScriptManager"
runat
=
"server"
></
telerik:RadScriptManager
>
<
div
id
=
"ParentDivElement"
style
=
"height: 100%;"
>
<
telerik:RadSplitter
ID
=
"uxRadSplitter"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
Orientation
=
"Vertical"
LiveResize
=
"true"
BorderSize
=
"0"
>
<
telerik:RadPane
ID
=
"uxRadPaneLeft"
runat
=
"server"
MinWidth
=
"0"
><
div
class
=
"surroundPaneBackground"
></
div
></
telerik:RadPane
>
<
telerik:RadPane
ID
=
"uxRadPaneMain"
runat
=
"server"
Scrolling
=
"none"
Width
=
"850"
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
runat
=
"server"
Height
=
"100%"
Orientation
=
"Horizontal"
LiveResize
=
"true"
BorderSize
=
"0"
>
<
telerik:RadPane
ID
=
"uxRadPaneContent"
runat
=
"server"
Scrolling
=
"none"
>
aaaa
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
form
>
</
body
>
</
html
>