Example Tooltip Basic usage with resizable Image

4 posts, 0 answers
  1. Peter
    Peter avatar
    97 posts
    Member since:
    May 2016

    Posted 05 Oct 2018 Link to this post

    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

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    1208 posts

    Posted 09 Oct 2018 Link to this post

    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
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Peter
    Peter avatar
    97 posts
    Member since:
    May 2016

    Posted 09 Oct 2018 in reply to Veselin Tsvetanov Link to this post

    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

     

  4. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    1208 posts

    Posted 11 Oct 2018 Link to this post

    Hello Peter,

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

    Regards,
    Veselin Tsvetanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top