Hello,
We have a width problem with rad spliiter. please see this screenshot, that demonstrate the problem.
If you look at the right edge of the page, you can see the letter T aligned to the right. as you can see, the letter is cut by 2 pixels or so. (zoom into the picture to see it clearly).
We have found out the following factors:
We have a width problem with rad spliiter. please see this screenshot, that demonstrate the problem.
If you look at the right edge of the page, you can see the letter T aligned to the right. as you can see, the letter is cut by 2 pixels or so. (zoom into the picture to see it clearly).
We have found out the following factors:
- the problem occures only when using nested radSplitters.
- the problem occures only for the inner radSplitter content.
- the problem occures only in SharePoint! this very weird. I have created the page in a regular web project in Visual Studio, and everything worked FINE. Then, I took that page, and put it inside SharePoint (no masterpage no additions, the exact same code). When run from within SharePoint the problem occures.
Here is the code I'm using:
<%@ Page language="C#"%> |
<%@ Register Assembly="Telerik.Web.UI, Version=2009.1.311.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head id="Head1" runat="server"> |
<title></title> |
<style type="text/css"> |
html,body,form{ |
height:100%; |
} |
</style> |
</head> |
<body> |
<form id="form1" runat="server"> |
<asp:ScriptManager ID="ScriptManager1" runat="server" /> |
<telerik:RadSplitter runat="server" ID="mainSplitter" Width="100%" Height="100%" Orientation="Horizontal" BorderSize="0"> |
<telerik:RadPane runat="server" ID="header" Height="120px" Width="100%"> |
header |
<div style="text-align:right"> |
T |
</div> |
</telerik:RadPane> |
<telerik:RadPane runat="server" ID="content" Scrolling="None" BorderWidth="1"> |
<telerik:RadSplitter Orientation="Vertical" runat="server" ID="InternalSplitter" Height="100%" Skin="Default" EnableEmbeddedSkins="true" LiveResize="true" VisibleDuringInit="false" ResizeWithBrowserWindow="true" ResizeWithParentPane="true" > |
<telerik:RadPane ID="ContentPane" runat="server" BorderWidth="1px" BorderColor="blue" BorderStyle="Solid"> |
content |
</telerik:RadPane> |
<telerik:RadSplitBar runat="server" ID="r" CollapseMode="Backward" /> |
<telerik:RadPane ID="SidePane" runat="server" Width="200px"> |
<div style="text-align:right"> |
T |
</div> |
side |
</telerik:RadPane> |
</telerik:RadSplitter> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</form> |
</body> |
</html> |
In order to reproduce the problem, please do one of the following:
Create an empty ASPX page in SharePoint Designer 2007, replace the auto generated code with my code, and run the page.
or
Save my code into an ASPX document, and the Upload that docment to a Document library in SharePoint. then, view the document.
Thanks,
Elad.