Rad window is not working with IE8

[Manali]

I am getting this error in opening rad window :

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Timestamp: Tue, 26 Feb 2013 11:07:15 UTC

Message: Syntax error
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2012.3.1308/Common/Popup/PopupScripts.js

Message: Object expected
Line: 231
Char: 2
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2012.3.1308/Window/RadWindowScripts.js

Message: Object expected
Line: 231
Char: 2
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2012.3.1308/Window/RadWindowScripts.js

Message: Object expected
Line: 231
Char: 2
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2012.3.1308/Window/RadWindowScripts.js

Message: Object expected
Line: 231
Char: 2
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2012.3.1308/Window/RadWindowScripts.js

Code :

<div class="bitInput">
    <div class="btn btn-success btnAdd"  Style="width: 192px ! important;margin-top:10px;" onclick="OpenActionGrid();">Add a Proposed Action</div>
</div>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadWindow ID="RWAction" OnClientClose="OnClientCloseProposedActionGrid" Width="350" Height="400" runat="server" Modal="true" Title="Proposed Actions"  VisibleOnPageLoad="false" Behaviors="Move,Close, Reload" EnableShadow="true">
  <ContentTemplate>

<div style="font-weight: bold; font-size: 14px;padding-left:0px !important;">

    <div>
        <div>
            <div>
                <asp:Label ID="lblActionType" CssClass="bitInputLabel" AssociatedControlID="cmbActionTypeInvPA" runat="server">Action Type:</asp:Label>
            </div>
            <div class="flt">
                <telerik:RadComboBox ID="cmbActionTypeInvPA" runat="server" Width="215px" Skin="Default" EmptyMessage="Select Action Type" OnClientSelectedIndexChanged="onSelectedIndexChanged">
                </telerik:RadComboBox>
                </div>
            <div  class="flt">
                <asp:RequiredFieldValidator runat="server" ID="reqActionTypePA" ValidationGroup="invActionValidation" SetFocusOnError="true"
                    ControlToValidate="cmbActionTypeInvPA" ErrorMessage="Current Control is required" Text="*"></asp:RequiredFieldValidator>
            </div>
            <div class="clr"></div>
            <div id="divActionTypeOtherPA" class="divActionTypeOtherPA" style="display: none; margin-top: 2px;" runat="server">
                <div class="flt">
                <telerik:RadTextBox ID="txtActionTypeOthersInvPA" runat="server" Width="217px" Skin="Default">
                </telerik:RadTextBox>
                </div>
                <div class="flt">
                <asp:RequiredFieldValidator runat="server" ID="rfvtxtActionTypeOthersPA" ValidationGroup="invActionValidation" ClientIDMode="Static" Enabled="false" SetFocusOnError="true"
                    ControlToValidate="txtActionTypeOthersInvPA" ErrorMessage="Responsibility is required" Text="*"></asp:RequiredFieldValidator>
                 </div>
                 <div class="clr"></div>
            </div>
        </div>
        <div>
            <div>
                <asp:Label CssClass="bitInputLabel" runat="server" ID="lblActions" AssociatedControlID="txtActionsPA">Proposed Actions</asp:Label>
            </div>
            <div class="flt">
                <telerik:RadTextBox ID="txtActionsPA" CssClass="textInput" runat="server" Width="217px" ValidationGroup="invActionValidation"></telerik:RadTextBox>
                </div>
            <div class="flt">
                <asp:RequiredFieldValidator runat="server" ID="reqActionsPA" ValidationGroup="invActionValidation" SetFocusOnError="true"
                    ControlToValidate="txtActionsPA" ErrorMessage="Action is required" Text="*"></asp:RequiredFieldValidator>
            </div>
              <div class="clr"></div>
        </div>
        <div>
            <div>
                <asp:Label ID="lblResponsibilityInv" runat="server" CssClass="bitInputLabel" AssociatedControlID="txtResponsibilityPA">Responsibility:</asp:Label>
            </div>
            <div class="flt">
                <telerik:RadTextBox ID="txtResponsibilityPA" EnableSingleInputRendering="true" ShowButton="true"  AutoPostBack="true" OnTextChanged="txtResponsibilityPA_TextChanged" CssClass="textInput" runat="server" Width="245px"></telerik:RadTextBox>
                <%--<telerik:RadTextBox ID="" CssClass="textInput" runat="server" Width="217px" ValidationGroup="invActionValidation"></telerik:RadTextBox>--%>
                </div>
            <div class="flt">
                <asp:RequiredFieldValidator runat="server" ID="reqResponsibilityPA" ValidationGroup="invActionValidation" SetFocusOnError="true"
                    ControlToValidate="txtResponsibilityPA" ErrorMessage="Responsibility is required" Text="*"></asp:RequiredFieldValidator>
            </div>
              <div class="clr"></div>
        </div>
        <div style="margin-top:5px;" >
             <telerik:RadTextBox ID="txtResponsibilityNamePA" CssClass="textInput" ReadOnly="true" runat="server" Width="224px"></telerik:RadTextBox>
        </div>
        <div>
            <div>
                <asp:Label ID="lblDueDateInv" CssClass="bitInputLabel" runat="server" AssociatedControlID="rdpDueDateInvPA">Due Date:</asp:Label>
            </div>
            <div class="flt">
                <telerik:RadDatePicker ID="rdpDueDateInvPA" runat="server" Width="217px" ValidationGroup="invActionValidation"></telerik:RadDatePicker>
                </div>
            <div class="flt">
                <asp:RequiredFieldValidator runat="server" ID="reqDueDateInvPA" ValidationGroup="invActionValidation" SetFocusOnError="true"
                    ControlToValidate="rdpDueDateInvPA" ErrorMessage="Due Date is required" Text="*"></asp:RequiredFieldValidator>
            </div>
            <div class="clr"></div>
        </div>
        <div class="clr"></div>
    </div>
<div style="margin-top: 5px;">
    <asp:Button ID="btnAddInvAction" runat="server" Text="Save" OnClick="btnInvAction_Click" CssClass="btn btn-primary btnAdd" ValidationGroup="invActionValidation" />
        <asp:Button ID="btnActionClose" runat="server" Text="Close" CssClass="btn btn-danger btnAdd" OnClientClick="CloseProposedAction();"  OnClick="btnActionClose_Click" />
       <asp:HiddenField ID="hdnProposedAction" runat="server" />
    </div>
</div>

      </ContentTemplate>
    </telerik:RadWindow>

js :

function OpenActionGrid() {
            $find("<%=RWAction.ClientID%>").show();
        }

[Marin Bratanov]

Hi,

I have just tested this and it seems to be working fine on my end.  I do not see a reason for the error in the markup you have sent.

What I can suggest at this point is first looking at the network requests (e.g. through Fiddler) to see if all resources are loaded properly on the page prior to attempting to open a RadWindow. You can then try disabling the CDN to see if getting the scripts from the local server works fine, since it is possible that some network configuration is blocking request (e.g. firewall, proxy).

As a final measure I can suggest you try removing the Modal property from the RadWindow declaration and make it modal with JavaScript after opening it, except in IE8 (if a non-modal popup shows as expected):

function OpenActionGrid()
{
    var wnd = $find("<%=RWAction.ClientID%>");
    wnd.show();
    if (!$telerik.isIE8)
    {
        wnd.set_modal(true);
    }
}

You can also try setting the modality with a small timeout (e.g. 0ms) even for IE8 to see if this helps.


All the best,
Marin Bratanov
the Telerik team

[Manali]

Thank you for your response.
Just got hold of a XP machine. Upgraded it to IE8.  It works.  I think it might have to be listed as a trusted site.