Tooltip not showing in HTML5 fullscreen

2 posts, 1 answers
  1. Afandi
    Afandi avatar
    22 posts
    Member since:
    Aug 2014

    Posted 18 Sep 2019 Link to this post

    Hi Telerik,

    Tooltip not showing if we put chart inside HTML5 fullscreen.

    You may refer here for your reference.

  2. Answer
    Angel Petrov
    Admin
    Angel Petrov avatar
    1153 posts

    Posted 20 Sep 2019 Link to this post

    Hi Afandi,

    The problem in this case is that we render the tooltips at the end of the body and in fullscreen mode the browser only displays the html element which is targeted and neglects the other DOM elements. This means that a possible solution would be to move the tooltips inside the visible area. Here is a modified dojo illustrating a possible implementation. Below I am pasting the relevant code.

    seriesHover: function (e) {
                        setTimeout(function () {
                            var tooltip = $("div.k-tooltip.k-chart-tooltip");
                            var example = $('#example');
                            example.find("div.k-tooltip.k-chart-tooltip").remove();
                            example.append(tooltip);
                        }, 200);
                    },

    Regards,
    Angel Petrov
    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