Hi,
We have page where top section is coming from the usercontrol and bottom section have RadSplitter with the left and right pane.
Left pane have panelbar control and Right page should display content pages.
To achieve resize with the browser window and 100% width and height feature, we have followed below demo:
http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx.
As per specifications, we have html, body, form and all parent elements to splitter set as style="height:100%".We have also considered HeightOffset to accomodate height of the top and bottom usercontrol.
After setup, page is rendered as expected but the rendering is not consist for every page call. Sometimes, we are getting spliter not resized to 100% width and height.
After debugging and investigation we have found as below:
In in-consistent manner, telerik is throwing javascript error during splitter rendering process and that error is stoping all the further activities(like resizing) to be done on rad splitter(like resizing).
Further more, after this error, all client side events are stopped working.
Javascript error we are getting during debugging is not passed to the browser and browser is rendering the page with wrong width and height.
Here is aspx of the page:
Thanks,
Vishal
We have page where top section is coming from the usercontrol and bottom section have RadSplitter with the left and right pane.
Left pane have panelbar control and Right page should display content pages.
To achieve resize with the browser window and 100% width and height feature, we have followed below demo:
http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx.
As per specifications, we have html, body, form and all parent elements to splitter set as style="height:100%".We have also considered HeightOffset to accomodate height of the top and bottom usercontrol.
After setup, page is rendered as expected but the rendering is not consist for every page call. Sometimes, we are getting spliter not resized to 100% width and height.
After debugging and investigation we have found as below:
In in-consistent manner, telerik is throwing javascript error during splitter rendering process and that error is stoping all the further activities(like resizing) to be done on rad splitter(like resizing).
Further more, after this error, all client side events are stopped working.
Javascript error we are getting during debugging is not passed to the browser and browser is rendering the page with wrong width and height.
Here is aspx of the page:
<html> |
<head> |
<style type="text/css"> |
html, body, form |
{ |
height: 100%; |
width: 100%; |
margin: 0px; |
padding: 0px; |
overflow: hidden; |
} |
</style> |
</head> |
<body> |
<!-- Top user control --> |
<EPDM:top ID="top2" runat="server"></EPDM:top> |
<form id="Form1" method="post" runat="server"> |
<telerik:RadScriptManager ID="RadScriptManager2" runat="server" /> |
<telerik:RadSplitter ID="RadSplitter1" HeightOffset="200" runat="server" BorderStyle="Solid" |
Skin="Office2007" Width="100%" Height="100%" ResizeMode="AdjacentPane" Orientation="Vertical"> |
<telerik:RadPane ID="navigationPane" runat="server" LiveResize="true" Width="250px" Scrolling="none"> |
<telerik:RadPanelBar ID="RadPanelBar2" runat="server" ExpandMode="SingleExpandedItem" Skin="Office2007"> |
<CollapseAnimation Duration="100" Type="None" /> |
<ExpandAnimation Duration="100" Type="None" /> |
</telerik:RadPanelBar> |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitDataToolBar" runat="server" CollapseMode="Forward" |
CollapseExpandPaneText="Collapse and Expand" Style="border-color: Black; width: 10px;" skin="Office2007" /> |
<telerik:RadPane ID="RadPane1" ContentUrl="abc.aspx" Scrolling="Both" runat="server" LiveResize="true"> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</form> |
<!-- Bottom user control --> |
<EPDM:bottom runat="server" ID="bottom2" /> |
</body> |
</html> |
We have Q3 2008 build. Please help us fixing this issue.
Thanks,
Vishal