Displaying Peek Template on a touch device

[Chris]

Hi,

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.

Thanks

Chris

[Marin Bratanov]

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.


Regards,

Marin Bratanov
Telerik