the Tooltip works great in all browsers except IE 6.0, even though i set the Position to MiddleRight, it displays on MiddleLeft in IE6.0
IE7.0,IE8.0,Firefox,Chrome,Safari position is MiddleRight, no issues there.
IE6.0 MiddleLeft is the issue
<%@ Page Title="" Language="C#" MasterPageFile="~/OCM.master" AutoEventWireup="true" CodeFile="OCM_ProviderWelcome.aspx.cs" Inherits="OCM_ProviderWelcome" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"head"
Runat
=
"Server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"ContentPlaceHolder1"
Runat
=
"Server"
>
<
div
class
=
"ContentTop"
>
<
br
/>
<
div
class
=
"BreadCrumb"
>
<
div
class
=
"GreenBreadCrumb"
>Provider Information</
div
>
<
div
class
=
"BreadCrumbSep"
> </
div
>
<
div
class
=
"BlueBreadCrumb"
>Member Information</
div
>
<
div
class
=
"BreadCrumbSep"
> </
div
>
<
div
class
=
"BlueBreadCrumb"
>Confirmation</
div
>
</
div
>
</
div
>
<
div
style
=
"clear:both;"
/>
<
table
class
=
"ContentWrapper"
>
<
tr
>
<
td
class
=
"ContentLeft"
>
<
table
cellpadding
=
"0"
cellspacing
=
"0"
border
=
"0"
class
=
"ContentCenter"
>
<
tr
>
<
td
class
=
"ContentCenter"
>
<
div
style
=
"clear:both;"
></
div
><
br
/>
<
script
type
=
"text/javascript"
>
// We need to keep the last tooltip with ShowEvent="OnFocus", as it might be closed
// by the time the beforeunload event fires, but its target element might still have the
// focus.
var lastActiveToolTip = null;
function OnClientShow(sender, args) {
lastActiveToolTip = sender;
}
// When ShowEvent="OnFocus", the RadToolTip handles the blur event of the target element.
// In case you set the focus on that element, e.g. click inside one of the TextBoxes,
// and then immediately close the browser window, the blur event is fired before the
// unload. Therefore, the framework tries to execute all handlers for the blur event.
// However, at this point the document may have unloaded and we will get an "Unspecified error".
// As the code that handles this is part of the ajax framework, we can workaround the problem
// in the beforeunload handler - detach the handlers for the active tooltip.
function beforeunload() {
var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();
if (!activeTooltip) activeTooltip = lastActiveToolTip;
if (activeTooltip) {
var targetElement = activeTooltip.get_targetControl();
activeTooltip._registerMouseHandlers(targetElement, false);
}
};
if (Sys.Browser.agent == Sys.Browser.InternetExplorer) {
window.attachEvent('onbeforeunload', beforeunload);
}
function Hilite(me, focus) {
me.style.backgroundColor = false != focus ? "#ffffcc" : "white";
}
</
script
>
<
telerik:RadToolTipManager
runat
=
"server"
ID
=
"RadToolTip5"
EnableShadow
=
"true"
ShowEvent
=
"OnFocus"
OnClientShow
=
"OnClientShow"
Skin
=
"Sitefinity"
ShowDelay
=
"200"
AutoCloseDelay
=
"5000"
Width
=
"300px"
Animation
=
"Resize"
Position
=
"MiddleRight"
RelativeTo
=
"Element"
>
<
TargetControls
>
<
telerik:ToolTipTargetControl
TargetControlID
=
"txtTaxID"
/>
</
TargetControls
>
</
telerik:RadToolTipManager
>
<
div
class
=
"Form"
>
<
div
class
=
"Elements"
>
<
p
class
=
"ElementLabel"
>
Horizon Blue Cross Blue Shield of New Jersey is very excited to present to you, as a provider, the opportunity to select a member to join your Oncology Care Model (OCM) available through <
a
href
=
"http://www.horizonhealthcareinnovations.com/"
target
=
"_blank"
class
=
"BodyLink"
>Horizon Healthcare Innovations</
a
>. The OCM is a specialty care model that will help your Horizon BCBSNJ patients navigate the health care system and allow them to take greater control of their health and wellness.
<
br
/><
br
/>
We encourage you to select a member for your OCM now. Please enter your Tax ID number below. You then will be asked to select a member to join your OCM.
</
p
><
br
/>
</
div
>
<
div
style
=
"clear:both;"
></
div
>
<
div
class
=
"SectionHeader"
>
Enter your Tax ID Number
</
div
>
<
div
class
=
"Elements"
>
<
div
class
=
"ThreeCols"
><
span
class
=
"ElementLabel"
><
span
class
=
"RequiredField"
>*</
span
>Tax Identification Number</
span
></
div
>
<
div
style
=
"clear:both;"
></
div
>
<
div
class
=
"IE7_Dummy"
>
<
div
class
=
"ThreeCols"
>
<
asp:TextBox
CssClass
=
"ResetTextBox"
ID
=
"txtTaxID"
onfocus
=
"Hilite(this)"
onblur
=
"Hilite(this, false)"
TabIndex
=
"1"
runat
=
"server"
MaxLength
=
"9"
ToolTip
=
"Enter your nine-digit Tax ID Number in this format: 123456789"
></
asp:TextBox
>
</
div
>
</
div
>
<
div
style
=
"clear:both;"
></
div
><
br
/>
</
div
>
<
asp:PlaceHolder
runat
=
"server"
ID
=
"phError"
Visible
=
"false"
/> <
br
/>
<
asp:Label
runat
=
"server"
ID
=
"lblTaxIDError"
Visible
=
"true"
CssClass
=
"RequiredField"
/><
br
/>
</
div
>
</
td
>
</
tr
>
</
table
>
</
td
>
<
td
class
=
"ContentRight"
><
img
src
=
"images/dummy.gif"
alt
=
""
border
=
"0"
/></
td
>
</
tr
>
</
table
>
<
div
class
=
"OneButtonFooter"
>
<
div
>
<
div
class
=
"LeftButton"
></
div
>
<
asp:LinkButton
runat
=
"server"
ID
=
"lnkButton2"
Style
=
"text-decoration:none;"
onclick
=
"btnNext_Click"
><
div
class
=
"RightButton"
><
span
class
=
"ButtonText"
>NEXT >></
span
></
div
></
asp:LinkButton
>
</
div
>
</
div
>
</
asp:Content
>
it is even worse when the screen resolution is less than 1200, then it moves well onto the form field, see screen shot attached