Issues with internal links to sections (Anchors)

Thread is closed for posting
2 posts, 0 answers
  1. Juan Carlos
    Juan Carlos avatar
    5 posts
    Member since:
    Oct 2013

    Posted 27 Jun 2014 Link to this post

    Hello Telerik team,
    In a view, we have several internal links to an anchor. Traditionally the HTML links to anchors work using the hash (#) symbol. Example:

    HTML Contents of the view:
    HTML Line 1
    HTML Line 2
    <a href='#Bottom'>Go to bottom</a>
    HTML Line 4
    HTML Line 5
    <a href='#Bottom'>Go to bottom</a>
    HTML Line 7
    HTML Line 8
    <a id="Bottom">
    This is the bottom of the document

    When the user clicks/touches some of those link, the view effectively scrolls to the indicated section (anchor). However, after the click/touch event, the application enters into a frozen state where no more events are received. It seems like an invisible layer at the top of the application that captures all the events.

    Thank you


  2. Tina Stancheva
    Tina Stancheva avatar
    3299 posts

    Posted 02 Jul 2014 Link to this post

    Hi JC,

    Mobile apps use the # symbol in a link href to navigate to specific view. This is why the anchor linking you need to implement doesn't work out-of-the-box in a mobile app.

    If you're using jQuery Mobile, then you can take a look at this SOF thread discussing possible implementations of links to anchors.

    If you're using Kendo UI Mobile, then you will have to implement custom navigation by handling the click event of your hyperlinks and manually scrolling to the anchor. You can, for instance, use the methods. You can examine this thread for a sample example of the same.

    I hope the above information will help you move forward with your development. However, please let us know if we can further assist you.

    Tina Stancheva

    Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

Back to Top