Displaying Peek Template on a touch device

2 posts, 0 answers
  1. Chris
    Chris avatar
    58 posts
    Member since:
    Jun 2012

    Posted 05 Sep 2014 Link to this post


    I have just started playing with the Tile List and I love the functionality. I have one thing that I can't seem to find out how to do. I have a number of context actions on the peek template and this works like a charm on desktop browsers but I cannot see a way to show the peek template on a touch based device such as an iPad.

    I still want to maintain the ability to select some or all of the tiles but also to be able to access the peek template to use the context controls.

    Has anyone done something like this, the mobile and touch section of the demos is only about a responsive layout.


  2. Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 08 Sep 2014 Link to this post

    Hello Chris,

    The Peek Templates can be shown either on mouseover (see the ShowPeekTemplateOnMouseOver property), or automatically on a timed interval (see the ShowInterval property): http://www.telerik.com/help/aspnet-ajax/tilelist-tiles-peek-template.html.

    Since touch devices do not have a mouseover event, the first option can hardly be used on them, but there is no automated way to get this to happen out of the box, because using the tap (click) will override the other functionality available when a tile is clicked: http://www.telerik.com/help/aspnet-ajax/tilelist-client-side-events-onclienttileclicking.html.

    What you can do is to use the OnClientTileClicking event to show the peek template via the tile's API (see the showPeekTemplate() method): http://www.telerik.com/help/aspnet-ajax/tilelist-client-side-tile-api.html. You may also want to cancel it in this case, depending on the rest of the functionality you have.

    You can also add a check for the $telerik.isTouchDevice flag from our static client library (http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html) to execute this logic only for mobile devices.


    Marin Bratanov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top