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

Tooltip not showing in HTML5 fullscreen

1 Answer 153 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Afandi
Top achievements
Rank 1
Veteran
Afandi asked on 19 Sep 2019, 02:57 AM

Hi Telerik,

Tooltip not showing if we put chart inside HTML5 fullscreen.

You may refer here for your reference.

1 Answer, 1 is accepted

Sort by
0
Accepted
Angel Petrov
Telerik team
answered on 20 Sep 2019, 02:01 PM

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.
Tags
Charts
Asked by
Afandi
Top achievements
Rank 1
Veteran
Answers by
Angel Petrov
Telerik team
Share this question
or