Hello. I'm having an issue with the tooltip staying with its target control. There is some JS code that displays some hidden table cells that are above the target control for the tooltip & when this happens, the tooltip doesn't move with the target control. Below is the markup for the tooltip. Any help would be greatly appreciated.
<
asp:TableRow
>
<
asp:TableCell
HorizontalAlign
=
"right"
Text
=
"Product"
></
asp:TableCell
>
<
asp:TableCell
>
<
table
>
<
tr
>
<
td
>
<
asp:Label
ID
=
"Product"
runat
=
"server"
CssClass
=
"FieldValue"
></
asp:Label
>
</
td
>
<
td
>
<
span
id
=
"ProductMaintenanceSpan"
runat
=
"server"
style
=
"display:none; vertical-align:middle "
>
<
telerik:RadToolTip
OnClientBeforeHide
=
"OnClientBeforeHide"
ID
=
"ProductToolTip"
HideEvent
=
"FromCode"
Position
=
"MiddleRight"
style
=
"z-index: -1;"
TargetControlID
=
"ProductImage"
runat
=
"server"
Text
=
"Cancelled maintenance. Requires a PO for hourly work."
RelativeTo
=
"Element"
></
telerik:RadToolTip
>
<
asp:Image
ID
=
"ProductImage"
ImageUrl
=
"~/images/Info.gif"
runat
=
"server"
style
=
"cursor:pointer; vertical-align:middle"
ImageAlign
=
"TextTop"
/>
</
span
>
</
td
>
</
tr
>
</
table
>
</
asp:TableCell
>
</
asp:TableRow
>