PDA

View Full Version : Date picker not rendering properly



varunach
13 Mar 2011, 11:59 PM
Hi,

I have a requirement of adding a calendarpanel inside a window. I'm trying to reproduce a calendar similar to the Calendar example given along with Ext Js 3.3.0 release. But when i add my Date picker, it doesn't render properly.

Here's the code


Ext.onReady(function() {

var calendarIcon = Ext.get('calendarIcon');
calendarIcon.on('click', function() {
calendarWindow.show();
});

var calendarWindow = new Ext.Window({
layout : 'border',
title : 'My Calendar',
animateTarget : 'calendarIcon',
closable : true,
expandOnShow : true,
maximizable : true,
modal : true,
width : 800,
height : 500,
items : [{
id : 'app-header',
region : 'north',
height : 35,
border : false
}, {
id : 'app-center',
region : 'center',
title : 'This is the parent container of the calendar!',
layout : 'border',
items : [{
xtype : 'panel',
region : 'west',
width : 300,
items : [{
xtype : 'datepicker',
showToday : true
}]
}, {
title : 'This is where the calendar will come!',
region : 'center'
}]
}]
});

});


The attached screen shot shows the problem that i'm having:

25119

Help!