IE 6.0 position defaults to MiddleLeft

5 posts, 0 answers
  1. Tanuj
    Tanuj avatar
    76 posts
    Member since:
    Aug 2012

    Posted 11 Nov 2010 Link to this post

    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
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 17 Nov 2010 Link to this post

    Hi Tanuj,

     Would you please provide more details about the exact version of IE6 you are using? I tested the provided code and the results of my test are the following:

    1) When I test under "real" IE6 I cannot reproduce the problem, no matter the resolution
    2) When I test under IETester in IE6 mode I reproduce the problem every time no matter the resolution. I also get errors on some of the online demos as well /with your code I do not get error/ which do not exist when tested under "real" IE6.

    This being said, I would like to ask you whether you have by any chance used IETester for testing and of so - note that this is not as the real browser and test under such.

    If you get the problem under "real" IE6 browser and not the testing software IETester, please provide exact version of your IE6 browser and a live url if possible. Once we are able to observe the issue we will do our best to help.

    Kind regards,
    Svetlina
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tanuj
    Tanuj avatar
    76 posts
    Member since:
    Aug 2012

    Posted 17 Nov 2010 Link to this post

    because of our deadline, i took an alternative approach, i had several pages which had the same issue, so this is what i did to avoid the issue. i added this code in the Page_Load

    if (Request.Browser.Browser.Equals("IE"))
    {
        if (Request.Browser.MajorVersion == 6)
        {
            RadToolTip5.Position = ToolTipPosition.BottomCenter;
        }
    }

    i tried in vain using the above approach to position it to MiddleRight, it does not work. so currently all my tooltips are showing at the bottom in IE 6, to again reproduce the problem, all i have to do is remove the above code from the page load.

    unfortunately, i do not have a live url, it is behind a firewall.

    i have attached the screenshot of my version of IE, i don't think it is a tester version, but i can't tell, but we have checked atleast 4 computers which has this issue, we were never been able to get past this issue on any of the IE6.0 browsers.

     

  5. Tanuj
    Tanuj avatar
    76 posts
    Member since:
    Aug 2012

    Posted 17 Nov 2010 Link to this post

    if i provide you the "html source" after it is rendered on the IE 6.0 browser, would it help?
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 19 Nov 2010 Link to this post

    Hello Tanuj,

     Unfortunately the HTML source will not be helpful because the positioning, etc is calculated in javascript and this javascript code should be debugged at runtime to see what is actually going on and causing the problem.

    Best wishes,
    Svetlina
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017