View Full Version : Ext.Window help

4 Jun 2014, 1:08 PM
I am very new to the Ext js, and JavaScript. The thing I am currently trying to understand is how to use Ext.window properly. I am creating a window as I find it in the documentation and in online resources, but it acts very weirdly in my browser. The elements of the window do not stay together, the frame is fixed, and content is spread across the page. I assume I have to pre-create some files and configs to prevent it from happening, some help would be very welcomed.

Here is the screenshot from what's going on:


Notice the scroll bars, the page is huge.

The code is simple code which I found online:

Ext.onReady(function () {
Ext.create('Ext.window.Window', {
title: 'Hello',
modal: true,
height: 500,
width: 500,
layout: 'fit',
expandOnShow: false,
items: { // Let's put an empty grid in just to illustrate fit layout
xtype: 'grid',
border: false,
columns: [{
header: 'World'
// One header just for show. There's no data,
store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store

4 Jun 2014, 2:34 PM
Are you including Ext JS css file correctly ?