Tooltips/Edit in Diagram in Window

4 posts, 0 answers
  1. Michael D
    Michael D avatar
    2 posts
    Member since:
    Nov 2013

    Posted 03 May Link to this post

    We want to show a diagram in a modal window and need tooltips and tools(e.g. edit).

    Minimal example based on demo: http://dojo.telerik.com/IGUke/3

    Apparently the tooltip and tools are created with a lower z-index than the diagram.

    Is this a bug or is there any workaround ot get tooltips and tools working?

     

  2. Stefan
    Admin
    Stefan avatar
    1137 posts

    Posted 05 May Link to this post

    Hello,

    After inspecting it, this is indeed connected to the z-index of the popup container used for editing.

    I can suggest using CSS to set a bigger z-index property to ensure that the popup will be visible over the modal window:

    http://dojo.telerik.com/IGUke/8

    .k-animation-container{
     z-index:100000 !important;
    }

    I hope this is helpful.

    Regards,
    Stefan
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Michael D
    Michael D avatar
    2 posts
    Member since:
    Nov 2013

    Posted 09 May Link to this post

    This results in another problem for us:

    The button to open the window with the diagram also has a tooltip and the tooltip does not close once the window is opened.

    I updated your example to reflect this scenario: http://dojo.telerik.com/IGUke/10

    Also we feel uneasy using this workaround as the css class is used by many other components like drop down menus and we are afraid that this may have adverse side effects that might not be discovered by our testers.

    We are currently also considering to create the tooltips manually by listening on the mouseenter and mouseleave events.

    Can you give me any information if and when this might be fixed?

    This would help us in determining how we solve this problem in the long run.

  4. Stefan
    Admin
    Stefan avatar
    1137 posts

    Posted 11 May Link to this post

    Hello,

    Thank you for pointing the limitation which this approach.

    I created an issue in our GitHub repository for further investigation. You can track its progress at:

    https://github.com/telerik/kendo-ui-core/issues/3191

    Additionally, I updated your Telerik points for bringing this to our attention.

    Regards,
    Stefan
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top