Error on trying to close a RadWindow

3 posts, 0 answers
  1. Zoe
    Zoe avatar
    1 posts
    Member since:
    Oct 2018

    Posted 18 Apr 2019 Link to this post

    When I have multiple ASP.NET validators on a page, I can't close a RadWindow that has an animation using my usual client-side javascript function. When I comment out the validators until there's just one left or disable the animation, suddenly it works perfectly again. I even tried using NavigateURL and moving all my markup to a separate page instead of using ContentTemplate and the window still wouldn't close until I either disabled animation or commented out validators until one was left.

    I was able to recreate this in a fresh web site in VS2012 Pro, although another pre-existing project (different than the one I first discovered this error on) has multiple validators on one page and yet is fine. I also tried a few different versions ranging from the most recent, 2019.1.215.45, back to 2015.2.826.45.  This leads me to believe there is something else that is a factor here, as I doubt I'm the only person to have tried to close a RadWindow under these circumstances since 2015.

    Fortunately this error can be resolved for now by simply disabling animations on my RadWindows in that project, but I would like to be able to re-enable them at some point.

    This is my code (no code-behind used):

    01.<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test1.aspx.vb" Inherits="Test1" %>
    02.<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    03. 
    04.<!DOCTYPE html>
    05. 
    07.<head id="Head1" runat="server">
    08.    <title>Test1</title>
    09.</head>
    10.<body>
    11.    <form id="form1" runat="server">
    12.    <div>
    13.        <telerik:RadScriptManager runat="server" ID="rsm1">
    14.        </telerik:RadScriptManager>
    15.        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    16.            <script type="text/javascript">
    17. 
    18.                function openWindow(sender, args) {
    19.                    $find("<%= window.ClientID%>").show();
    20.                }
    21.                function closeWindow(sender, args) {
    22.                    try {
    23.                        $find("<%= window.ClientID%>").close();
    24.                    } catch (e) {
    25.                        alert(e);
    26.                        console.log(e);
    27.                    }
    28.                }
    29.            </script>
    30.        </telerik:RadScriptBlock>
    31.        <telerik:RadWindow runat="server" ID="window" RenderMode="Lightweight" Skin="Material" Modal="true" Animation="Fade" VisibleStatusbar="false"  KeepInScreenBounds="true" Height="125px" Width="300px" Title="Click Cancel" Behaviors="None">
    32.            <ContentTemplate>
    33.                <telerik:RadPageLayout ID="layout" runat="server" GridType="Fluid" Height="100%">
    34.                    <telerik:LayoutRow style="padding-top:3px;">
    35.                        <Columns>
    36.                            <telerik:LayoutColumn Span="8">
    37.                                <telerik:RadButton runat="server" style="float:right;" RenderMode="Lightweight" Skin="Material" ID="cancelBtn" CssClass="rbFlatButton" Primary="false" Text="Cancel" AutoPostBack="false" OnClientClicked="closeWindow" />
    38.                            </telerik:LayoutColumn>
    39.                            <telerik:LayoutColumn Span="4">
    40.                                <telerik:RadButton runat="server" RenderMode="Lightweight" Skin="Material" ID="okayBtn" CssClass="rbFlatButton" Primary="true" Text="Okay"/>
    41.                            </telerik:LayoutColumn>
    42.                        </Columns>
    43.                    </telerik:LayoutRow>
    44.                </telerik:RadPageLayout>
    45.            </ContentTemplate>
    46.        </telerik:RadWindow>
    47.        <telerik:RadTextBox runat="server" ID="text" RenderMode="Lightweight" Skin="Material" />
    48.        <asp:RequiredFieldValidator runat="server" ID="val" ControlToValidate="text" ErrorMessage="Required!" />
    49.        <telerik:RadTextBox runat="server" ID="text2" RenderMode="Lightweight" Skin="Material" />
    50.        <asp:RequiredFieldValidator runat="server" ID="val2" ControlToValidate="text2" ErrorMessage="Required!" />
    51.        <telerik:RadButton runat="server" Text="Open Window" Enabled="true" RenderMode="Lightweight" ButtonType="StandardButton" ID="openBtn" Skin="Material" AutoPostBack="false" CausesValidation="false" OnClientClicked="openWindow" />
    52.    </div>
    53.    </form>
    54.</body>
    55.</html>

    And this is the error I got on opening the window and clicking cancel:

    TypeError: $telerik.$(...).stopTransition is not a function
        at c.RadWindow._hide (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:21454)
        at c.RadWindow.hide (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:21314)
        at c.RadWindow.close (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:22597)
        at Array.closeWindow (Test1.aspx:76)
        at Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:2556
        at b.RadButton.raiseEvent (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:8930)
        at g._clickedHandler (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:28089)
        at b.BaseFunctionality.trigger (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:15055)
        at b.BaseFunctionality.clicked (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:27039)
        at b.PlainFunctionality.clicked (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=rsm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a48bbf511-5bf9-4491-9be4-5464dcf4e3ba%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2019.1.215.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a05294e6d-c3f5-4495-92ed-e871448550ca%3a4877f69a%3a16e4e7cd%3af7645509%3a24ee1bba%3ab2e06756%3a92fe8ea0%3ac128760b%3a19620875%3a874f8ea2%3afa31b949%3af46195d3%3a33715776%3a490a9d4e%3a6d43f6d9%3ab7778d6c:formatted:26896)

    Following the above stack trace, I went in to the _hide function and found the line (line 11 below) where the error was occurring, which was how I figured the animation was part of the issue:

    01._hide: function() {
    02.    if (!this.get_animation() || this.get_animation() == 0) {
    03.        this._afterHide();
    04.    } else {
    05.        if (this._enableShadow && $telerik.isIE) {
    06.            this._setShadowCSSClass(false);
    07.        }
    08.        var n = Function.createDelegate(this, this._afterHide)
    09.          , o = this.isMaximized()
    10.          , m = this.get_animationDuration();
    11.        $telerik.$(this._popupElement).stopTransition().transition({
    12.            opacity: 0
    13.        }, m, "linear", function() {
    14.            n(o);
    15.        });
    16.    }
    17.}



  2. Vessy
    Admin
    Vessy avatar
    2100 posts

    Posted 23 Apr 2019 Link to this post

    Hi Zoe,

    As per your assumption, the faced problem is related to a combination of the used unobtrusive validation and the enabled animation of RadWindow. We used to have a similar bug in the past but it seems the the issue is brought back in the latest release, so I will pass it to our developers for a further investigation.

    Unfortunately, the only workaround for this behavior for the moment is the one that you have already found on your own - to disable the animation of RadWindow.

    Regards,
    Vessy
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Sullivan
    Sullivan avatar
    2 posts
    Member since:
    Jan 2019

    Posted 02 May 2019 Link to this post

    Are you trying to close the RadWindow from inside the window or from the page that launches. This should work if I have made a mistake please correct me.
Back to Top