Hi, we're creating an HTML (not an ASP.NET control) image map dynamically from the server side into an ASP Label. An ID is assigned to each AREA tag. There is a TooltipManager on the page and the Tooltip is dynamically created when a user mouses over any hotspot on the map. This process works fine, but the Tooltip appears to the right of the image map in the same place every time. It's like the Tooltip takes the position of the image map and not the hotspot. We've looked over the demos for TooltipManager and Tooltip but both aren't quite the same and don't seem to have an issue. I've attached a screen of what it looks like and the code used for creating the Tooltip. I'm sure it's just a CSS issue but there is nothing special about the page itself, besides it being part of a MasterPage.
ASP
<
telerik:RadToolTipManager
ID
=
"ttmPrinters"
ShowCallout
=
"false"
RelativeTo
=
"Element"
HideEvent
=
"ManualClose"
Position
=
"MiddleLeft"
Animation
=
"None"
Width
=
"266px"
Height
=
"394px"
ContentScrolling
=
"None"
runat
=
"server"
Skin
=
"Silk"
RenderInPageRoot
=
"true"
IgnoreAltAttribute
=
"true"
Modal
=
"true"
>
</
telerik:RadToolTipManager
>
JS
var
ttm = $find(
"ctl00_ContentPlaceHolder1_ttmPrinters"
);
var
tooltip = ttm.createToolTip(document.getElementById(id));
tooltip.set_content(request.d);
setTimeout(
function
() {
tooltip.show();
}, 10);