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

z-index for tooltip within radDock

3 Answers 85 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
brian
Top achievements
Rank 1
brian asked on 19 Sep 2008, 02:54 PM
I'm having a strange problem with the z-indexes on either the tooltip or the raddock. something is causing the dock to be on top of the tooltip instead of the opposite.

Can anyone clarify the hierarchy of how z-indexes are set for the tooltips? Does the script (tooltip.js?) override the skin, or the style? I would think that setting the style="z-index: 10000" at the tooltip level would override everything, but that doesnt seem to be the case.

Thanks in advance.

3 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 19 Sep 2008, 03:03 PM
Hi Brian,

The described behavior comes form the fact that the RadToolTip was added as a child of the RadDock control. You can change this by overriding the default way of adding the tooltip and add it at the end of the form, as shown below:

 <script>     
    if (typeof(Telerik) != "undefined")     
    {     
        Telerik.Web.UI.RadToolTip.prototype._addToolTipToDocument = function(elem)     
        {                                
           //Append tooltip to end of document                                    
           var form = document.forms[0];             
           form.appendChild(this._popupElement);           
        };     
    }     
    
</script>    
 


Please, note that this solution is not suitable in case you use AJAX when loading the tooltip content.

Let me know whether this meets your requirements.



Greetings,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Marcus Eddy
Top achievements
Rank 1
answered on 26 Jul 2009, 11:37 AM
Hi

Just an FYI for others using a radsplitter and a tooltip with a similar problem the JS snippet provided also fixed the z-index/overlap issue i was having where the tooltip would partially appear under a neighbouring radpane

Regards Marcus
0
Svetlina Anati
Telerik team
answered on 27 Jul 2009, 11:02 AM
Hi guys,

I am glad to inform you that this script is already embedded in the RadToolTip's s source code and you can remove the script and set RenderInPageRoot="true" instead.


Kind regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
ToolTip
Asked by
brian
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Marcus Eddy
Top achievements
Rank 1
Share this question
or