anchor tag and data-transition - Problems within IOS

3 posts, 0 answers
  1. Marcus
    Marcus avatar
    24 posts
    Member since:
    Jul 2012

    Posted 15 Apr 2014 Link to this post

    Hey Guys,

    i have noticed a strange behaviour within my app:

    Since i have a listview template populated with dynamic content like in the hierarchical list view sample - i am using the slide transition to make it feel more native.

    <div class="formClass" >
            <a href="\#hierarchical-view?parent=#: key #&emid=#: Id #" id="#: key #" style="text-decoration: none" >
                <div style="background-image: url(#: icon # );" class="Sop"> #: Name # </div>
            </a>
     </div>

    I initialize my view like that:
    <div data-role="view" data-show="rebindListView" id="hierarchical-view" data-transition="slide" >

    However, (only) on IOS (Android is working fine by the way), if i have the div tag wrapped around the anchor tag, the animation is not fired - there is no slide animation at all. 

    Problem is, i do need to wrap the div tag around the anchor tag, because if someone touches the listview link and slides down right after that, the id isn't always passed within the href and after that, the anchor tag isn't working on this specific list element any more.

    So - I will need your help - either with the data-transition not working or with the touch-and-move-finger-downwards-stuff within the listview-item...

    Best rgds






  2. Marcus
    Marcus avatar
    24 posts
    Member since:
    Jul 2012

    Posted 15 Apr 2014 in reply to Marcus Link to this post

    Looks like i solved the problem by myself - weird, i tried different options today - after i frustrated on that - i posted this forum thread, because none of them were working, however, what is working is executing the link as javascript... sooo weird, because i just figured it out after i posted this here ;)

     <a href="javascript:kendoMobileApp.navigate('\#hierarchical-view?parent=#: key #&emid=#: Id #')" id="#: key #" style="text-decoration: none">

    Hope this helps someone...

    Rgds



  3. omar
    omar avatar
    1 posts
    Member since:
    Apr 2014

    Posted 30 Apr 2014 in reply to Marcus Link to this post

    Hi Marcus,
    can you put full example, its exactly what i want :)
Back to Top