Splitter

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

Splitter - External Content

Open msdn.microsoft.com in the right pane.


External Content with disabled scrolling.

External Content Loading

You can load any external url into a splitter pane if you specify the ContentUrl property of the RadPane control. You can disable the scrollbars of the loaded page by setting the Scrolling property of the RadPane to none.
If you want to use the pane with external content from the other links in your page you can set the target property of the link to be the same as the ClientID property of the pane that is used to display the external content.

C# VB
Show code in new window Demo isolation steps
<%@ Page Language="c#" AutoEventWireup="false"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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>ASP.NET Splitter Demo - External Content</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
     <p>
          <a href="http://msdn.microsoft.com/" target="<%= contentPane.ClientID%>">Open msdn.microsoft.com</a>
          in the right pane.</p>
     <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="400" Width="700">
          <telerik:RadPane ID="RadPane1" runat="server" Width="150">
               Left Pane<br />
               <a href="http://bing.com" target="<%= contentPane.ClientID%>">Open bing.com</a><br />
               <br />
               <a href="http://www.stumbleupon.com/" target="<%= contentPane.ClientID%>">Open stumbleupon.com</a>
          </telerik:RadPane>
          <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward">
          </telerik:RadSplitBar>
          <telerik:RadPane ID="contentPane" runat="server" ContentUrl="http://blogs.telerik.com">
          </telerik:RadPane>
     </telerik:RadSplitter>
     <br />
     <p>
          External Content with disabled scrolling.</p>
     <telerik:RadSplitter ID="Radsplitter2" runat="server" Height="400" Width="700">
          <telerik:RadPane ID="Radpane3" runat="server" Width="150">
               Left Pane<br />
               <a href="http://bing.com" target="<%= contentPane2.ClientID%>">Open bing.com</a><br />
               <br />
               <a href="http://www.stumbleupon.com/" target="<%= contentPane2.ClientID%>">Open stumbleupon.com</a>
          </telerik:RadPane>
          <telerik:RadSplitBar ID="Radsplitbar2" runat="server" CollapseMode="Forward">
          </telerik:RadSplitBar>
          <telerik:RadPane ID="contentPane2" runat="server" ContentUrl="http://blogs.telerik.com"
               Scrolling="none">
          </telerik:RadPane>
     </telerik:RadSplitter>
    </form>
</body>
</html>