View Full Version : NestedLayoutPanel not showing DatePicker

6 Sep 2007, 7:19 AM
i have a global Border Layout on my app which has north, east, west, south regions.
The current challenge is to display a DatePicker on the east region. Because i need to show the DatePicker AND a grid panel on the same container, i decided to use and add a NestedLayoutPanel with the Picker and grid components inside onto the east region ...
The Nested Layout Panel (which only has a north and south region) is being created and added to the parent east region but the DatePicker doesn't want to come up (which confirms me a simple alert when asking tourPlanningCalendar.isVisible()).
When adding the tourPlanningCalendarPanel instead of the nested Layout Panel everything seems nice ...
What's the matter?

var tourPlanningCalendarPanel = new Ext.ContentPanel('tourPlanningCalendarPanel', { autoCreate: true });
var tourPlanningCalendar = new Ext.DatePicker();
var layoutPanel = new Ext.NestedLayoutPanel(
new Ext.BorderLayout('layoutPanel',
hideOnLayout: true,
north: {
initialSize: 200,
panels: [ tourPlanningCalendarPanel ]
south: {

layout.add('east', layoutPanel);

7 Sep 2007, 2:57 AM
A hint, anyone?

7 Sep 2007, 5:03 AM
I've played around 4 more hours and finally made it ...

I had to use North and Center Regions instead of North and South ...