View Full Version : blank page help

19 Jul 2015, 7:15 PM
hi , im new to ext js and trying some examples but having bad luck due to lack on knowledge. i have the following simple example which is producing a blank page.

example is from http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title id="page-title">Test</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/4.2.1/resources/css/ext-all.css"/>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/4.2.1/ext-all-debug.js"></script>
<script type="text/javascript" src="app/test.js"></script>

my app/test.js is this.

Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
width: 400,
height: 300,
title: 'Container Panel',
items: [
xtype: 'panel',
title: 'Child Panel 1',
height: 100,
width: '75%'
xtype: 'panel',
title: 'Child Panel 2',
height: 100,
width: '75%'

why am I getting a blank screen? please advise...
Thank youj

20 Jul 2015, 7:11 AM
Hi,download this sample from the link https://github.com/SenchaArchitect/PortalTry to have a look at how the files are constructed and how the objects are created.see what is included in your app.js file because the index.html has to load only it. Have a look at the viewport class creation.this is a good sample project by "lojjic"have a look and you will see how the dependencies in extjs work

20 Jul 2015, 2:10 PM

Do you have any JavaScript errors that are occurring? Are the CDN assets loading successfully?