Can't use Anchor in RadPane

6 posts, 0 answers
  1. ankool
    ankool avatar
    50 posts
    Member since:
    Apr 2007

    Posted 02 Feb 2009 Link to this post


    I am trying to make use of hyperlink - anchor in one of my rad pane. The radpane contains a whole new page , defined by contentUrl property.

    Now when I click on hyperlink in this page inside radPane, instead of updating the pane url , it updates the whole parent page url. I have set the target property of hyperlink to "_self" , but it still updates parent page containing splitter.

    Is there any specific function to be used to make use of anchor in radpanes ?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Feb 2009 Link to this post

    Hi Ankol,

    Go through the online demo  where you can find one anchor like this

    <a href="" target="<%= contentPane.ClientID%>">  Open</a>

    you need to set te target as the radpane as shown in the above code.

    Give a try and let me know how it goes.


  3. DevCraft R3 2016 release webinar banner
  4. Aleah Dillon
    Aleah Dillon avatar
    6 posts
    Member since:
    Jan 2009

    Posted 22 Jul 2010 Link to this post

    I am unable to make this solution work.  I'm using anchors (<a href="#customer" ...) within my RadPane and when I set the target to the ClientID of the pane it opens in a new tab/window. I'm using the most recent version of Telerik. (2010 Q2)
  5. Aleah Dillon
    Aleah Dillon avatar
    6 posts
    Member since:
    Jan 2009

    Posted 23 Jul 2010 Link to this post

    This is how I ended up resolving this in case anyone else can use it.  I am not using the ContentURL so the other solution will not work for me.  I changed my link to call a Javascript function that manually performed the scroll.

    <a onclick="javascript: ScrollMe('#customer');return false;" id="customerLnk1" runat="server">Customer</a>
                function ScrollMe(anchorName) {
                    var pane = $find("<%= LeftPane.ClientID %>");
                    var anchor = document.getElementById(anchorName);
                    pane.SetScrollPos(0, anchor.offsetTop)
  6. Mike
    Mike avatar
    2 posts
    Member since:
    Jun 2010

    Posted 06 Oct 2010 Link to this post

    Is there any update on this thread?  Is the only solution to manually scroll using javascript?
  7. Dobromir
    Dobromir avatar
    1633 posts

    Posted 11 Oct 2010 Link to this post

    Hi Mike,

    In order to use anchors to navigate to a section of a page loaded as external content inside RadSplitter you need to provide the full URL to the link (url + anchor), e.g.:
    <telerik:RadSplitter ID="RadSplitter1" runat="server">
        <telerik:RadPane ID="RadPane1" runat="server">
            <a href="Default2.aspx#anchor1" target="<%=RadPane2.ClientID %>">top</a>
            <a href="Default2.aspx#anchor2" target="<%=RadPane2.ClientID %>">middle</a>
            <a href="Default2.aspx#anchor3" target="<%=RadPane2.ClientID %>">bottom</a>
        <telerik:RadPane ID="RadPane2" runat="server" ContentUrl="Default2.aspx"></telerik:RadPane>

    Kind regards,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top
DevCraft R3 2016 release webinar banner