Rank 1
<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="FrameTest._Default" %><%@ Register Assembly="Telerik.Web.UI" 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>Untitled Page</title></head><body> <script type="text/javascript"> function SplitterLoaded(splitter, arg) { var pane = splitter.getPaneById('<%= RadPane2.ClientID %>'); var height = pane.getContentElement().scrollHeight; splitter.set_height(splitter.get_height() - pane.get_height() + height); pane.set_height(height); } </script> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="200px" Height="200px" OnClientLoaded="SplitterLoaded" Orientation="Horizontal"> <telerik:RadPane ID="RadPane2" runat="server" ContentUrl="http://google.com" Scrolling="None"> </telerik:RadPane> </telerik:RadSplitter> </form></body></html>1 Answer, 1 is accepted
This functionality is not implemented by design but you can achieve it by javascript means. You need to define the following functions:
- One function in the page which will be loaded in the RadPane and returns the height of the page.
- One function in the main page (which contains the RadSplitter control) which sets the returned by the previous function height to the RadPane object.
- Call the main page's sizing function on RadPane's content page load.
Note, that this can work only for pages in the same domain because of the browsers security - you cannot manipulate and calculate the scrolling of e.g google page with javascript because if cross domain scripting was allowed, this would lead to hacker attacks.
You can find a sample demo attached.
Best wishes,
the Telerik team