Simple code not displaying external URL in right pane

7 posts, 0 answers
  1. xius
    xius avatar
    3 posts
    Member since:
    Jan 2009

    Posted 07 Jan 2009 Link to this post

    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>
      
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 08 Jan 2009 Link to this post

    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"
                    <href="http://google.com" target="contentPane">Google</a> 
                    <br /> 
                    <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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 08 Jan 2009 Link to this post

    Hi Xius,

    When you set the RadPane's ContentUrl property you actually create an IFRAME element in it and the pane behaves exactly as an IFRAME. This IFRAME is needed to be targeted by the hyperlink. In your case, the initial IFRAME is not created and therefore the needed url cannot be loaded.

    This being said in order to use this approach, you should initially set some ContentUrl to the target RadPane (e.g about:blank or a custom start page) in order to force it to create an IFRAME element.

    Sincerely yours,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. AL
    AL avatar
    40 posts
    Member since:
    May 2008

    Posted 27 Jan 2009 Link to this post

    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>
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 29 Jan 2009 Link to this post

    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.
  7. AL
    AL avatar
    40 posts
    Member since:
    May 2008

    Posted 30 Jan 2009 Link to this post

    Hi Svetlina,

    Thanks for the attached sample code.
  8. Muhamamd
    Muhamamd avatar
    1 posts
    Member since:
    May 2016

    Posted 19 May in reply to Princy Link to this post

    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.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017