RadWindow Close with Esc Key

[Ravi Gorrepati]

Hi, help me
i am using teleric radwindow as a modal popup.
My requirement is Radwindow should close when the user press ESC key from keyboard. radwindow does not have any close() method.  what cod ei have to write.

[Georgi Tunev]

Hi Ravi,

If RadWindow is not modal (e.g. Modal=true), it will be closed if the user presses the Esc key - you can check this on our online demo (note that the RadWindow must be focused for Esc to work - e.g. you need to click on the RadWindow's titlebar if the focus is somewhere else).

If you wish to close RadWindow by code, RadWindow has a close() method. More information on it and its usage is available in the documentation.


Kind regards,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Ravi Gorrepati]

Hi,

Thanks for u r reply.
but i am using Radwindow as Modal. (Modal=true),
in this case how to close it with ECS key press.

[Georgi Tunev]

Hello Ravi,

In such case you will need to capture the Esc key and if it is pressed and there is a RadWindow active on the page, you can get a reference to it and call its close() method.

Since this task is not directly related to RadWindow but is a general one, my suggestion is to implement your logic by using window.open() - e.g. standard browser's popup. Once you have your code working as expected, the same logic will work with RadWindow as well.




Best wishes,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Justyn]

Here is a Link to the demo for those who found this through searching.

[Georgi Tunev]

Hi Justyn,

Yes, this is a new functionality that was recently added to the RadWindow features list.

Best wishes,
Georgi Tunev
the Telerik team

[Dinesh]

RadWindow1.Shortcuts.Add("Close", "Esc");
or
RadWindow1.Shortcuts.Add(new Telerik.Web.UI.WindowShortcut("Close", "Esc");

[hassan]

I have just use this  method:

RadWindow1.Shortcuts.Add("Close", "Esc");

and it is working.

but I have another contorl on page like that:

<asp:Button ID="btnRefresh" runat="server" UseSubmitBehavior="false"   OnClientClick="disableBtn(this.id)" />

for refreshing the page after the window closed, but the button still been disabled after closing the rad window with 'Esc', but the button work well when closed the window with clicking the close button 'X' on title bar!

[Rumen]

Hello,

I performed a simple test with the following configuration:

<script>
    function OnClientClose() {
        alert(1);
    }
</script>
<telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" OnClientClose="OnClientClose">
    <ContentTemplate>AAA</ContentTemplate>
</telerik:RadWindow>

Codebehind

protected void Page_Load(object sender, EventArgs e)
{
    RadWindow1.Shortcuts.Add("Close", "Esc");
}

and version 2019.2.514 of the control.

What I noticed that the OnClientClose client event of RadWindow gets executed when pressing Esc in all browsers.

Regards,
Rumen
Progress Telerik

[hassan]

Thank you for your reply, yes your are right, the onclientclose function call correctly, so close window run correctly, but I think something went wrong with UseSubmitBehavior="false" for button and postback not happened, because I call button click in javascript, on radwindow onclientclose()

[Rumen]

With the following code I managed to disable the button on the client after hitting the escape key:

<script>
    function OnClientClose() {
        $get("btnRefresh").click();
    }

    function disableBtn(id) {
        $get(id).disabled = true;
        return false;
    }
</script>
<telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" OnClientClose="OnClientClose">
    <ContentTemplate>AAA</ContentTemplate>
</telerik:RadWindow>

<asp:Button ID="btnRefresh" runat="server" Text="Refresh Button" UseSubmitBehavior="false" OnClientClick="disableBtn(this.id); return false" />

Regards,
Rumen
Progress Telerik