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

z-index on Chart Tooltip

1 Answer 151 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Jurgen
Top achievements
Rank 1
Jurgen asked on 04 Jul 2013, 01:49 PM
We're developping a combined control where we use 3 chart donut controls. The main central one has to have the lowest z-index, 2 others are partiallyover the main one. (see picture in attachment) But it turns out that the tooltip (bottom) of the main one is also always behind the 2 other donuts. I've tried increasing the z-index of the tooltip in CSS. But this did not give a solution. (even though the webconsole showed a higher z-index for the tooltip) The only way i can get the tooltip on top is by increasing the z-index of the entire donut. But this is not allowed by the graphical design of the component.
How can i solve this problem? Any suggestions?

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 05 Jul 2013, 04:03 PM
Hello Jurgen,

I am afraid what you would like to achieve is not supported. Actually increasing tooltip's z-index does not help because of the tooltips are in different stacking context. The only possible workaround I can suggest you is hiding the default tooltip and in the show it in the seriesHover event with a custom position (for sample code check this forum thread).   

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Jurgen
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or