Example Tooltip Basic usage with resizable Image

[Peter]

Hello,

how can I modify the example  Tooltip / Basic usage for a resizable image? On my mobile phone only the half of the image is shown. But when I make the image resizable, then the absolute positions if the tooltips don't match.
Is an example available?

Regards,

Peter

[Veselin Tsvetanov]

Hello Peter,

I am afraid that the Tooltip widget would not be able to handle the case with resizable images. In case the image does not fit on the screen, it could be made scrollable. In such case the Tooltip should work properly.

Here you will find a modified version of the demo concerned having the image in a scrollable content.

Regards,
Veselin Tsvetanov
Progress Telerik

[Peter]

Hello Veselin,

I found a solution to allow decrease the width of the image on small smartphone screen:

Image in img tag and width 100%, the container div with display:inline-block and tooltip positions in %.

https://dojo.telerik.com/UPuseMuk/3

Regards,

Peter

 

[Veselin Tsvetanov]

Hello Peter,

The suggested, indeed, is an appropriate solution for the discussed scenario. Thank you for sharing it.

Regards,
Veselin Tsvetanov
Progress Telerik