RadWindow over dynamic tooltip?

[Neil]

Here is a simple description of my setup: Inside an UpdatePanel there is a RadGrid and RadToolTipManager using AjaxUpdate and this update loads a user control to display as the tip. It loads for each row item in the grid on a ShowEvent=OnMouseOver with a hide event of LeaveTargetOrTooltip and a very long AutoCloseDelay (required in my situation).

The user control used as the tooltip content contains uses RadWindows for certain functions inappropriate for the tooltip itself. When a RadWindow is triggered in the tooltip, the RadWindow is always displayed below the tooltip. When I try to call javascript to manually close the tooltip from the RadWindow it is ignored. When I try to use javascript to set the RadWindow to active it is ignored. When I set the z-index of the HTML in the RadWindow to a very high number it still appears under the tooltip.

So far the only thing that kind of works is doing a full postback which forces the tooltip closed but that's not what I'm going for.

Is there a way to have a modal or non-modal RadWindow display on top of a Tooltip being displayed in this manner? That is, that there would be three layers of content:

PAGE WITH GRID
+++TOOLTIP
++++++RADWINDOW

Thanks in advance!

Neil

[Svetlina Anati]

Hi Neil,

This behavior is caused by the fact the RadToolTip's z-index (8000) is bigger than the one of RadWindow(3000). You can set proper z-indexes in order to get the desired behavior.

If you use RadWindowManager you can set it through the style property. Style="z-index:<some value>" can be set to the RadWindowManager only, not to the RadWindow control itself. This is because the z-index of the different RadWindows is dynamically changed - even if you have a RadWindow with z-index 100, it will be displayed over other RadWindows with higher z-index value, if active.

Example:

  <telerik:RadWindowManager ID="Singleton" runat="server" Behaviors="Close,Move, Resize" Style="z-index: 7001" 
                    Height="500px" VisibleStatusbar="false" Width="700px" Modal="True" OnClientClose="refreshScreen">  
                </telerik:RadWindowManager> 

If you are using a separate RadWindow control, you can set a smaller z-index to the RadToolTip in the very same manner as explained above.

Information about RadControls' z-indexes values is available below:

http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html

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.

[Neil]

Thank you! That worked perfectly. I had the right idea but just didn't find the right place to put it.

[Tervel]

Hello Neil,


Greetings,

Author nickname

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.