This is a migrated thread and some comments may be shown as answers.

Displaying Peek Template on a touch device

1 Answer 17 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 2
Chris asked on 05 Sep 2014, 04:05 PM
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

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 08 Sep 2014, 11:32 AM

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
 

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.

 
Tags
TileList
Asked by
Chris
Top achievements
Rank 2
Answers by
Marin Bratanov
Telerik team
Share this question
or