@progress/kendo-window-vue-wrapper/docs/keyboard-navigation.md

Kendo UI Window wrapper for Vue.js

---
title: Keyboard Navigation
page_title: Keyboard Navigation - Window - Kendo UI for Vue
description: "Explore the keyboard navigation options provided by the Kendo UI Window wrapper for Vue."
slug: keyboard_navigation_window_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/dialogs/window/keyboard-navigation/"
position: 6

---

<div><WrapperBanner link="/kendo-vue-ui/components/dialogs/window/keyboard-navigation"></WrapperBanner></div>    

# Keyboard Navigation

The keyboard navigation of the Window is always available.

The Window supports the following keyboard shortcuts:

| SHORTCUT 			| DESCRIPTION |
|:--- 					|:--- |
| `Alt`+`w` 		| Focuses the Window.|
| `Alt`+`p` 		| Toggles the pin.|
| `Alt`+`Up Arrow`  	| Maximizes and restores the Window.|
| `Alt`+`Down Arrow`  | Minimizes and restores the Window.|
| `Alt`+`r`	  	| Refreshes the Window.|
| `Esc`					| Closes the Window.|
| `Left Arrow` 	| Moves the Window to the left.|
| `Left Arrow` 	| Moves the Window to the right.|
| `Up Arrow` 		| Moves the Window up.|
| `Down Arrow` 	| Moves the Window down.|
| `Ctrl`+`Left Arrow` 	| Narrows the Window in horizontal direction.|
| `Ctrl`+`Right Arrow` 	| Expands the Window in horizontal direction.|
| `Ctrl`+`Down Arrow` 	| Expands the Window in vertical direction.|
| `Ctrl`+`Up Arrow` 		| Narrows the Window in vertical direction.|

{% meta height:500 %}
{% embed_file keyboard-navigation/main.vue preview %}
{% embed_file keyboard-navigation/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Window for jQuery](https://docs.telerik.com/kendo-ui/controls/layout/window/overview)
* [API Reference of the Window Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/window)