WindowTagHelper

Example

Razor

<kendo-window>
    <content></content>
    <draggable />
    <modal />
    <popup-animation></popup-animation>
    <window-title />
</kendo-window>

ChildTags

Tag Name	Details
content	ContentTagHelper
draggable	WindowDraggableSettingsTagHelper
modal	WindowModalSettingsTagHelper
popup-animation	WindowPopupAnimationSettingsTagHelper
window-title	WindowTitleSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
append-to	String	The element that the Window will be appended to.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
actions	String[]	The buttons for interacting with the window. Predefined array values are "Close", "Refresh", "Minimize", and "Maximize".
auto-focus	Boolean	Determines whether the Window will be focused automatically when opened. The property also influences the focus behavior when an already opened Window is clicked.
content-url	String	Specifies a URL or request options that the window should load its content from.
draggable	Boolean	The draggable settings of the window component.
height	String	Specifies the height of the Window.
iframe	Boolean	Explicitly states whether a content iframe will be created. For more information, refer to the documentation on using iframes.
max-height	String	The maximum height (in pixels) that may be achieved by resizing the Window.
max-width	String	The maximum width (in pixels) that may be achieved by resizing the Window.
min-height	String	The minimum height (in pixels) that may be achieved by resizing the Window.
min-width	String	The minimum width (in pixels) that may be achieved by resizing the Window.
modal	Boolean	The modal settings of the window component.
on-activate	String	The name of the JavaScript function that will handle the activate event. Triggered when a Window has finished its opening animation.
on-close	String	The name of the JavaScript function that will handle the close event. Triggered when a Window is closed either by the user or through the close() method.
on-deactivate	String	The name of the JavaScript function that will handle the deactivate event. Triggered when a Window has finished its closing animation.
on-dragend	String	The name of the JavaScript function that will handle the dragend event. Triggered when a Window has been moved by the user.
on-dragstart	String	The name of the JavaScript function that will handle the dragstart event. Triggered when the user starts to move the Window.
on-error	String	The name of the JavaScript function that will handle the error event. Triggered when an Ajax request for content fails.
on-maximize	String	The name of the JavaScript function that will handle the maximize event. Triggered when the user maximizes the Window. Introduced in 2016.Q1.SP1.
on-minimize	String	The name of the JavaScript function that will handle the minimize event. Triggered when the user minimizes the Window. Introduced in 2016.Q1.SP1.
on-open	String	The name of the JavaScript function that will handle the open event. Triggered when a Window is opened, that is, when the open() method is called.
on-refresh	String	The name of the JavaScript function that will handle the refresh event. Triggered when the content of a Window has finished loading via Ajax, when the Window iframe has finished loading, or when the Refresh button has been clicked on a Window with static content.
on-resize	String	The name of the JavaScript function that will handle the resize event. Triggered when the user resizes the Window.
on-restore	String	The name of the JavaScript function that will handle the restore event. Triggered when the Window is restored to its previous state(maximized or minimized) by pressing the restore button, or when the restore() method is called.
pinned	Boolean	Specifies whether the Window will be pinned, that is, that it will not move together with the page content during scrolling.
position-left	String	Specifies the initial left position of the window. Values can specify pixels, percentages, ems or other valid values.
position-top	String	Specifies the initial top position of the window. Values can specify pixels, percentages, ems or other valid values.
resizable	Boolean	Enables or disables the ability for users to resize a Window.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
scrollable	Boolean	Enables (true) or disables (false) the scrolling of the Window contents.
size	String	Sets a predefined size to the Window. The width and height configuration options override the predefined size.The supported values are: auto; small; medium or large.
theme-color	String	The themeColor option controls the color that will be applied.The following values are available for the themeColor: primary; dark; light or none.
title	String	The text in the window title bar. If false, the window will be displayed without a title bar. Note that this will prevent the window from being dragged, and the window titlebar buttons will not be shown.
visible	Boolean	Specifies whether the Window will be initially visible.
width	String	Specifies the width of the Window.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.