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

Modal Tooltip

3 Answers 143 Views

ToolTip

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

Jeroen Eikmans asked on 20 Aug 2009, 02:10 PM

Hello,

I have created a small webapp to test a modal tooltip. In the Modality Tooltip demo the browser window is faded out and only the tooltip can be accessed by the user. With my code below however the browser window isn't faded out and the textbox for example can still be accessed.

Is there some property i forgot to set or can somebody see what i did wrong?

Thanks!

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
                <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Office2007">  
        
                </telerik:RadSkinManager> 
        
                <div> 
        
                    <telerik:RadToolTipManager ID="mng1" runat="server" OnAjaxUpdate="mng1_OnAjaxUpdate" HideEvent="ManualClose" Modal="true" > 
        
                        <TargetControls> 
        
                            <telerik:ToolTipTargetControl TargetControlID="target" /> 
        
                        </TargetControls> 
        
                    </telerik:RadToolTipManager> 
        
                    <asp:HyperLink ID="target" runat="server" Text="Target Control" NavigateUrl="#"></asp:HyperLink>       
        
                    <telerik:RadTextBox ID="RadTextBox1" runat="server">  
        
                    </telerik:RadTextBox>         
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

3 Answers, 1 is accepted

answered on 20 Aug 2009, 02:46 PM

Hi Roel,

I built up a test demo based on your code and tested it with the 2009.1.402 version of RadControls but unfortunately to no avail - the modality works as expected with this version. However, we recently optimized the code of RadWindowManager and RadToolTipManager and this has caused tan issue with the modality in the same scenario as yours and when I tested your code with the Q2 version I was able to reproduce the problem. Would you please check once again the exact version you are using?

If my assumptions about the version and the reason for the problem are correct, I can offer you the following approaches:

1. You can hook up the OnClientBeforeShow event and set modality through the client side API as shown below:

    function OnClientBeforeShow(sender, args)
    {
               sender.set_modal(sender.get_modal());
    };

2. Since the modality problems are already solved, you can test whether the latest internal build includes the fix and if so - to upgrade to it.

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.

answered on 20 Aug 2009, 03:12 PM

Hello Svetlina,

the version of the Telerik.Web.UI assembly is 2009.2.701.35
I just tested your solution with the client-side API call and that works perfectly, so thanks!!

I do have another question, i use the tooltip in a hierarchy grid and i set the targetControl of the tooltipManager in the same way as tooltipifiedRadgrid Demo.
The ToolTipManager has the ShowEvent set to OnClick. Expanding the grid and the tooltip now get in eachothers way. The first click on the expand button triggers the tooltip. When i click it again the grid expands but i also get an error in the WebResource.axd.

I think i need to set the targetcontrol to the entire gridrow except to the expand button.
Do you have any advice for me about how to fix it?

Kind regards,
Roel

answered on 24 Aug 2009, 01:48 PM

Hi Roel,

I am afraid that the scenario of tooltipifing particular fields, rows, etc when having a hierarchical RadGrid is pretty complicated and there are many variations and different implementations. The easiest way to achieve what you need is to use separate RadToolTip controls in an ItemTemplate and if LOD functionality is needed - to achieve it by putting an update panel in the separate tooltip.

If this is not applicable in your case, I would like to kindly ask you to open a new support ticket and to provide a sample, fully runnable reproduction demo (use Northwind or a fake programmatic datasource for the grid) along with detailed explanations of the exact actual and desired result and some screenshots of the problem which are taken from the very same attached demo.

Greetings,
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.