All Components

Dimensions

By default, the size of the Window depends on its content and the component does not provide preset dimensions.

If the Window uses an iframe element, it does not resize automatically according to the iframe content, because no relationship exists between the content and the size of the iframe. However, iOS devices do not support iframe scrolling and expand iframes according to their content. This behavior might increase the Window height too much. That is why it is not recommended to use the Window in an iframe mode on Apple touch devices.

If the component contains horizontally expandable block-level elements (including Kendo UI components such as the Grid, Editor, and others), it can expand horizontally until it touches the right edge of the browser viewport. In such cases, the component sticks to the right viewport edge and cannot be separated from it. This issue occurs because the Window is absolutely positioned with CSS. To avoid such behavior, set an appropriate width to the component or a (max-)width to its content. The lack of restrictions over the dimensions for the vertical expanding of the Window and its content might result in undesired behavior—for example, the rendition of a popup which is higher than the browser viewport.

<div id="vueapp" class="vue-app">
    <kendo-window :width="'300px'"
                  :height="'200px'"
                  :title="'About Alvar Aalto'"
                  :visible="visible"
                  style="display:none">
        <p>Alvar Aalto is one of the greatest names in modern architecture and design. Glassblowers at the iittala factory still meticulously handcraft the legendary vases that are variations on one theme, fluid organic shapes that let the end user decide the use. Interpretations of the shape in new colors and materials add to the growing Alvar Aalto Collection that remains true to his original design.</p>
        <p>Born Hugo Alvar Henrik Aalto (February 3, 1898 - May 11, 1976) in Kuortane, Finland, was noted for his humanistic approach to modernism. He studied architecture at the Helsinki University of Technology from 1916 to 1921. In 1924 he married architect Aino Marsio.</p>
        <p>Alvar Aalto was one of the first and most influential architects of the Scandinavian modern movement, and a member of the Congres Internationaux d'Architecture Moderne. Major architectural works include the Finlandia Hall in Helsinki, Finland, and the campus of Helsinki University of Technology.</p>
    </kendo-window>
</div>
Vue.use(WindowInstaller);

new Vue({
    el: '#vueapp',
    data () {
        return {
            visible: true
        }
    }
})
In this article