Tooltip and an area tag

2 posts, 0 answers
  1. IrishManInUSA
    IrishManInUSA avatar
    27 posts
    Member since:
    Jun 2008

    Posted 09 Jul 2010 Link to this post

    I have the following map tag on my page

    <map name="mapWeeklyDeal">
    <area shape="RECT" coords="773,55,902,84" href="" title="WHATS THE DEAL?" id="amWhatTheDeal">
    <area shape="RECT" coords="660,52,764,87" href="SOMELINK"
    target="_blank" title="Become a Fan of Baudville!">
    <area shape="RECT" coords="549,54,645,88" href="SOMELINK" target="_blank"
    title="Join Us on Twitter!">
    </map>


    What I would like to do is attach the tooltip to WHATS THE DEAL area tag and not exactly sure how to make this work, I have tried setting my tag like so

    <rad:RadToolTip ID="radCustomInfoTT" runat="server" TargetControlID="amWhatTheDeal"
    IsClientID="true" Sticky="true" Visible="false" AutoCloseDelay="1000" Animation="none"
    Position="TopLeft" RelativeTo="Element" OffsetY="2" Height="240px" Width="400px"
    Skin="Default" HideDelay="100" Title="Add Your Logo - Custom Information">
    <asp:Literal ID="ltrWhatsTheDeal" runat="server"></asp:Literal>

    </rad:RadToolTip>

    I even tried to add the onmouseover event to the area tag in question, but then I couldn't find any code that will allow me to bring up the tooltip. So any help on this would be appreciated.

     

     

     

     

     

     

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 14 Jul 2010 Link to this post

    Hi IrishManInUSA,

    If you want to display opnly simple static content in teh tooltip I suggest to simply set the title attribute as you have done and to put a RadToolTipManager with AutoToolTipify set ti true as shown in the demo below:

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

    If your scenario is more complex you can use the approaches shown in the demos below:

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

    On a side note, when you install RadControls, our online examples projects are automatically installed on your computer and you can not only examine their full source code, but also extend them further in order to meet your requirements.

    You can open the demos from here:

    Start\Programs\Telerik\RadControls for ASPNET AJAX\Open Sample WebSite In VisualStudio

    The actual location on your hard disk is the following one:

    C:\Program Files\Telerik\RadControls for ASPNET AJAX \Live Demos

    I hope that this information is helpful.




    Regards,
    Svetlina
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top