Can't use Anchor in RadPane

[ankool]

Hi

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 ?

[Princy]

Hi Ankol,

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

<a href="http://google.com" target="<%= contentPane.ClientID%>">  Open google.com</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.

-Princy.

[Aleah Dillon]

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)

[Aleah Dillon]

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)
            }

[Mike]

Is there any update on this thread?  Is the only solution to manually scroll using javascript?

[Dobromir]

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>
    <telerik:RadPane ID="RadPane2" runat="server" ContentUrl="Default2.aspx"></telerik:RadPane>
</telerik:RadSplitter>

Kind regards,
Dobromir
the Telerik team