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

ToolTipManager & RadDatePicker

10 Answers 219 Views

ToolTip

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

10 Answers, 1 is accepted

answered on 03 Jun 2009, 02:44 PM

Hi Stuart,

Would you please provide more detailed explanations about the exact problem you are referring to? I am afraid I could not completely understand what is the integration scenario of the RadDatePicker and the RadToolTipManager you want to achieve. The RadToolTip control has been significantly improved since 2007 and a lot of scenarios which has not been possible to implement are OK now. However, in order to be able to help I need to have a better understanding on your exact needs.

For the time being I recommend to examine our online demos below (there are many new demos, including tooltipifying of RadCalendar, RadTreeView, etc and you might find some of the techniques demonstrated there useful for your scenario):

http://demos.telerik.com/aspnet-ajax/tooltip/examples/overview/defaultcs.aspx

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.

answered on 03 Jun 2009, 04:02 PM

Svetlina,

Have a try of this ...

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                  TextBox: <asp:TextBox ID="TextBox1" runat="server" ToolTip="This is my textbox tooltip"></asp:TextBox><br /> 
        
                  DatePicker: <telerik:RadDatePicker ID="RadDatePicker1" runat="server" ToolTip="This is my date picker tooltip"> 
        
                  </telerik:RadDatePicker> 
        
                </div> 
        
                <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Position="MiddleRight" 
        
                  RelativeTo="Element" ShowCallout="true"> 
        
                  <TargetControls> 
        
                    <telerik:ToolTipTargetControl TargetControlID="RadDatePicker1" /> 
        
                    <telerik:ToolTipTargetControl TargetControlID="TextBox1" /> 
        
                  </TargetControls> 
        
                </telerik:RadToolTipManager> 
        
                </form> 
        
            </body> 
        
            </html>

Hover over the textbox and get a RadToolTip. Hover over the DatePicker and get a std HTML tooltip.

--
Stuart

answered on 04 Jun 2009, 12:41 PM

Hi Stuart,

In order to automatically convert standard browser tooltips into RadToolTips you should use the autotooltipify functionality of the RadToolTipManager and set explicitly AutoToolTipify = "true". In ordre to prevent tooltipifing all teh controls on the page and tooltipify only the desired ones you should wrap them in a DIV and then set the ToolTipZoneID property of the manager to this wrapper DIV ID as shown below:

    
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="RadScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <div id="zone">  
        
                        TextBox:  
        
                        <asp:TextBox ID="TextBox1" runat="server" ToolTip="This is my textbox tooltip"></asp:TextBox><br /> 
        
                        DatePicker:  
        
                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" ToolTip="This is my date picker tooltip">  
        
                        </telerik:RadDatePicker> 
        
                    </div> 
        
                    <telerik:RadToolTipManager ID="RadToolTipManager1" ToolTipZoneID="zone" runat="server" 
        
                        AutoTooltipify="true" Position="MiddleRight" RelativeTo="Element" ShowCallout="true">  
        
                    </telerik:RadToolTipManager> 
        
                </form> 
        
            </body>

You can find a sample demo of this approach below:

http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipzoneid/defaultcs.aspx

I hope this is helpful, let us know how it goes.

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.

answered on 04 Jun 2009, 01:05 PM

default2.zip

Hi Stuart ,

My test page is based on your exact code - please find it attached. It works perfectly on my side.

Please, test it and let me know whether it works on your side (provide also confirmation about the used version of RadControls).

Best wishes,
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 05 Jun 2009, 07:06 AM

Svetlina,

Thx for that.

I can see that it works if you are happy to have all the controls in a zone manageed, or all the controls one a page. But, if you wanted to have just the DatePicker managed you can't, at least not if you try to use the std method of naming the control in the <TargetControls> collection.

I can manage a standard textbox by naming it in the <TargetControls> collection, but not a RadTextBox or RadDatePicker. In the former case, I get no tooltip (although a shortened empty container pops up). In the latter case just the std tooltips appear.

I'm not trying to be difficult, I'm trying to establish if there's a problem using the tooltip manager with a <TargetControls> collection that names other RadControls.

--
Stuart

Accepted

answered on 10 Jun 2009, 09:30 AM

Hi Stuart,

The RadControls as the RadDatePicker are complex and they contain different HTML elements. Those elements have different client IDs and they should be set in the TargetControls collection, e.g if you want to tooltipify the wrapper element of the RadDatePicker, you should do this in the following manner:

    
             <TargetControls> 
        
                    <telerik:ToolTipTargetControl TargetControlID="RadDatePicker1_wrapper" IsClientID=true /> 
        
                </TargetControls>

I offered you a solution with a tooltip zone because this is the best solution for replacing the standard browser tooltips in this case and it is pretty easy - just wrap the picker in a DIV, set two properties and everything will work fine.

As to the RadInput controls (RadTextBox, RadNumericTextBox, etc), their client ID is also different than the one you set in the markup. However, we already improved the integration behavior of RadToolTip and RadInput and if you upgrade to the latest release of RadControls and remove the workaround you have previously used everything will work as expected. This being said, there is basically no problem to tooltipify RadControls but in some specific cases when they are pretty complex you should additionally determine which exact element you want to tooltipify. For example, we cannot make some default tooltipifing behavior for the RadDatePicker because there are various scenarios, e.g tooltipify only the input, only the dates, only specific dates, etc and there is not one universal expected tooltipifing behavior which covers all scenarios.

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.

answered on 14 Jul 2009, 04:30 PM

Hi Stuart,

Did you get the issue resolved?I am having the same issue now.

Thanks,

Hubert

...

<td>

<telerik:RadDatePicker ID="txtLeaseStartDate" runat="server" MinDate="01/01/2000"

MaxDate="01/01/2020" ToolTip="Any date between 01/01/2000 and 01/01/2020 and earler than the end date">

</telerik:RadDatePicker>

</div>

</td>

<td>

<asp:Label ID="lblLeaseEndDate" runat="server" Text="Ends"></asp:Label>

</td>

<td>

<telerik:RadDatePicker ID="txtLeaseEndDate" runat="server" MinDate="01/01/2000" MaxDate="01/01/2020"

ToolTip="Any date between 01/01/2000 and 01/01/2020 and later than the start date">

</telerik:RadDatePicker>

</div>

</td>

...

<telerik:RadToolTipManager ID="RadToolTipManager3" ToolTipZoneID="zone2" runat="server"

Width="0%" AutoTooltipify="true" Position="MiddleRight" RelativeTo="Element"

ShowCallout="true">

<telerik:ToolTipTargetControl TargetControlID="txtLeaseEndDate_wrapper" IsClientID="true" />

</TargetControls>

</telerik:RadToolTipManager>

<telerik:RadToolTipManager ID="RadToolTipManager2" ToolTipZoneID="zone1" runat="server"

Width="0%" AutoTooltipify="true" Position="MiddleRight" RelativeTo="Element"

ShowCallout="true">

<telerik:ToolTipTargetControl TargetControlID="txtLeaseStartDate_wrapper" IsClientID="true" />

</TargetControls>

</telerik:RadToolTipManager>

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server"

Width="0%" AutoTooltipify="true" Position="MiddleRight" RelativeTo="Element"

ShowCallout="true">

<telerik:ToolTipTargetControl TargetControlID="txtLeaseNumber" />

<telerik:ToolTipTargetControl TargetControlID="txtLeaseVersion" />

<telerik:ToolTipTargetControl TargetControlID="txtTenant" />

</TargetControls>

</telerik:RadToolTipManager>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

ToolTipManager &amp; RadDatePicker

10 Answers, 1 is accepted

ToolTipManager & RadDatePicker