+1-888-365-2779
Try Now
More in this section

Rad ToolTip

9 posts, 1 answered
  1. Troy Lawrence
    Troy Lawrence avatar
    56 posts
    Registered:
    07 Jan 2010
    18 Feb 2010
    Link to this post
    I'm working with a ToolTip control and it's working, but what's not working is this.........I want a button with an X on it so that the user can close the tooltip by clicking the x.  This is how it's done on the telerik home page, top right.  I went through a tutorial and I think I'm headed in the right direction.  I edited the tooltip so that Manual Close = true, and sticky = true, but I still can't get it to work.   I'm not sure where the X comes from in the first place.  And, honestly I'm not sure that I have the skin in the right place or if the skin is need to make the X? 
    I've attached all of my files for reference. 

    Here's a link to the site I'm working on.  If you go to the top right and hover over the word "Why?" you will see my tooltip.  Again, it's working, but it has no X for the user to close it.
    My tooltip sample page

    It won't let me attach a zip file, so I'll paste the code here:
    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WhyRegisterTooltip.ascx.cs" Inherits="UserControls_ACHControls_WhyRegisterTooltip" %>
    <%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
    <link href="../../ToolTipSkin/ToolTip.Default.css" rel="stylesheet" type="text/css" />
    <telerik:RadTooltip ID="RadTooltip1" TargetControlID="WhyRegisterLink"
        runat="server" onload="RadTooltip1_Load" Animation="Fade" HideDelay="1000"
        ManualClose="True" Sticky="True" Position="BottomRight"
        RelativeTo="Element"></telerik:RadTooltip>
    <asp:HyperLink ID="WhyRegisterLink" runat="server" Text="(Why?)" NavigateUrl=""></asp:HyperLink>


  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Feb 2010
    Link to this post
    Hi Troy Lawrence,

    Please consider the sample below

    <asp:HyperLink runat="server" Text="test"  ID="Test" NavigateUrl="http://www.telerik.com"/>
    <telerik:RadToolTip ID="RadToolTip1" runat="server" Title="Tooltip" Text="Click here" Skin="Office2007" ManualClose="true"
    Position="BottomCenter"  TargetControlID="Test" >
    </telerik:RadToolTip>

    The CloseButton button that appears on the tooltip if the ManualClose property is True

    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Troy Lawrence
    Troy Lawrence avatar
    56 posts
    Registered:
    07 Jan 2010
    18 Feb 2010
    Link to this post
    I have ManualClose="true" in my code, but I'm not seeing the button.  Will the button not appear if the skin is not working properly?

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Feb 2010
    Link to this post
    Hi Troy Lawrence,

    Remove the Sticky property and ManualClose. Both are obsolete. Use HideEvent="ManualClose" instead. If this does not show the button, most probably it is overlaid by some css class you have applied or another image.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
    Answered
  5. Troy Lawrence
    Troy Lawrence avatar
    56 posts
    Registered:
    07 Jan 2010
    18 Feb 2010
    Link to this post
    That worked!   Thanks so much for your help!
  6. ashish
    ashish avatar
    22 posts
    Registered:
    05 Aug 2010
    18 Aug 2010
    Link to this post
    Hi,

    I am also facing the same problem,close event is not working fine for Modal Tool Tip.


    Thanks
    Ashish Bhadouria
  7. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Aug 2010
    Link to this post
    Hello ashish,

    I am not able to reproduce such problem. I am sending you a sample video and control markup that has been used

    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server"  HideEvent="ManualClose" Modal="true"  Width="100" Height="100" Text="Hello Word">
             <TargetControls>
                 <telerik:ToolTipTargetControl TargetControlID="ToolTipLink" />
             </TargetControls>
         </telerik:RadToolTipManager>
         <asp:HyperLink ID="ToolTipLink" runat="server" Text="LinkToolTipCall" NavigateUrl="#" ></asp:HyperLink>      
         <telerik:RadTextBox ID="RadTextBox1" runat="server" />



    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. ashish
    ashish avatar
    22 posts
    Registered:
    05 Aug 2010
    18 Aug 2010
    Link to this post

    But I am using Rad Tool Tip

     

    <

     

    asp:Button ID="btnShow" runat="server" Text="Show Calendar" CssClass="button" />

     

     

     

    <

     

    telerik:RadToolTip ID="RadToolTip2" runat="server" ShowEvent="FromCode" HideEvent="ManualClose" Modal="true" Position="Center" RelativeTo="BrowserWindow" OnClientBeforeHide="OnClientBeforeHide" EnableShadow="true" >

     

     

     

     

     

    <asp:UpdatePanel runat="server" ID="UpdatePanel2">

     

     

     

    <ContentTemplate>

     

     

    <asp:Panel ID="pInquiry" runat="server" Style="padding-left: 11px;">

     

     

    <telerik:RadCalendar ID="cal" runat="server"></telerik:RadCalendar>

     

     

    </asp:Panel>

     

     

    </ContentTemplate>

     

     

    <Triggers>

     

     

    <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />

     

     

    </Triggers>

     

     

    </asp:UpdatePanel>

     

     

    </telerik:RadToolTip>


    Close button is appearing  on the tooltip popup but not closing on click.

     

     

     

     

  9. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Aug 2010
    Link to this post
    Hello ashish,

    There is no TargetControlID for your ToolTip. You can remove ShowEvent="FromCode" and RelativeTo="BrowserWindow". You can use RadAjaxPanel instead ASP.NET UpdatePanel

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
9 posts, 1 answered