Tooltip and an area tag

[IrishManInUSA]

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.

 

 

 

 

 

 

[Svetlina Anati]

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