This is a migrated thread and some comments may be shown as answers.

Simple code not displaying external URL in right pane

6 Answers 230 Views

Splitter

This is a migrated thread and some comments may be shown as answers.

xius asked on 07 Jan 2009, 04:11 PM

I have following simple code the link in left pane when clicked should open up in right pane .
Rather its opening up in a new IE Window.
Whats missing here ?????

<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

    </div>
        <telerik:RadSplitter ID="RadSplitter1" runat="server" BackColor="#C0FFC0">
            <telerik:RadPane ID="RadPane1" runat="server" BackColor="#FFC0C0">
                <a href="http://www.progress.com" target="contentPane">Progress</a>
                <br />
                <a href="http://www.prosoftxp.com" target="contentPane">Prosoftxp</a>

            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
            <telerik:RadPane ID="contentPane" runat="server" BackColor="#FFFF80">
            </telerik:RadPane>
        </telerik:RadSplitter>
    </form>
</body>

6 Answers, 1 is accepted

answered on 08 Jan 2009, 01:45 PM

Hello,

You can load any external url into a splitter pane if you specify the ContentUrl property of the content pane control. Try setting the property as shown below:
aspx:

    
            <telerik:RadSplitter ID="RadSplitter1" runat="server" BackColor="#C0FFC0"> 
        
                        <telerik:RadPane ID="RadPane1" runat="server" BackColor="#FFC0C0"> 
        
                            <a href="http://google.com" target="contentPane">Google</a> 
        
                            <br /> 
        
                            <a href="http://flickr.com" target="contentPane">Flickr</a> 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
        
                        <telerik:RadPane ID="contentPane" ContentUrl="http://blogs.telerik.com" runat="server" BackColor="#FFFF80"> 
        
                        </telerik:RadPane> 
        
             </telerik:RadSplitter>

Thanks
Princy.

answered on 27 Jan 2009, 02:32 PM

I really wish if it could work using panelBar inside splitter. Can anyone help me, here is my code. Please click "Child RadPanelItem 1", you will notice "Register.aspx" or any other page/url will open in a new window, instead of opening inside "contentPane".

What should I do to open the link in "contentPane"?

<asp:Content ID="Content4" ContentPlaceHolderID="MiddleContent" Runat="Server">
    <telerik:RadSplitter BorderSize="0" style="overflow:hidden" id="RadSplitter1" runat="server" Height="500px" width="100%">
        <telerik:RadPane id="RadPane1" runat="server" width="150">
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Web20">
                <CollapseAnimation Duration="100" Type="None" />
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1" NavigateUrl="~\Register.aspx" Target="contentPane">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Target="_parent.Con"
                        Text="Root RadPanelItem3">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
                <ExpandAnimation Duration="100" Type="None" />
            </telerik:RadPanelBar>
        </telerik:RadPane>
        <telerik:RadSplitBar Visible="false" id="RadSplitbar1" runat="server" collapsemode="Forward"></telerik:RadSplitBar>
        <telerik:RadPane id="contentPane" runat="server" ContentUrl="http://www.telerik.com"></telerik:RadPane>
    </telerik:RadSplitter>
</asp:Content>

answered on 29 Jan 2009, 03:27 PM

panelbarsplitter.zip

Hi AL,

As far as I can see from your code, you have a MasterPage - it is an INaming Container and changes the IDs of the controls which contains. This being said, your IFRAME is not called contentPane but its actual ID is different and looks similar to ctl00_ContentPlaceHolder1_contentPane. Therefore, the IFRAME is not recognized and the url is opened in a new window. Please, provide the actual client ID and this will fix the problem. For your convenience I attached a demo based on your code where the correct ID for this particular project is hard-coded - you can use a better technique, e.g the ClientID server property in the code-behind, it is up to you what to choose.

Kind regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 20 May 2016, 02:02 AM

Hi,

I am using following construct for creating two columns (left and right) panes. The left columns contains hyper link via TreeView and Right pane loads the contents. It works fine for all browsers but it does not work (ie. not rendering IFrame) in IE10 and thats why my contents are loading in new tab (that I dont want).

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline" ></telerik:RadAjaxManager>
<telerik:RadSplitter ID="SplitterContainer" runat="server" Orientation="Vertical" LiveResize="True"
Height="100%" Width="100%" BorderSize="0" BorderStyle="None" EnableEmbeddedSkins="False">
<telerik:RadPane ID="LeftPane" runat="server" Width="265px" BorderStyle="None">
<table class="tableLeftPaneContainer">
<tr>
<td>
<div class="PadLeftBig PadTopBig">
<telerik:RadTreeView ID="BrowseTree" runat="server" OnNodeExpand="BrowseTree_NodeExpand" EnableEmbeddedSkins="False"></telerik:RadTreeView>
</div>
</td>
</tr>
</table>
</telerik:RadPane>
<telerik:RadSplitBar ID="SplitBar" runat="server" CollapseMode="Forward" BorderStyle="None"></telerik:RadSplitBar>
<telerik:RadPane ID="RightPane" runat="server" BorderStyle="None" ContentUrl="~/blank.htm">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>
</telerik:RadPane>
</telerik:RadSplitter>

Any suggestion why IE10 is not rendering IFrame?

Thanks.