PDA

View Full Version : Problems with tab panel in a window



castitas
11 Apr 2013, 7:41 AM
So I have this code

Ext.create("Ext.window.Window", {
resizable: true,
width: 400,
height: 390,
x: 400,
y: 200,
layout: 'fit',
items: [
Ext.create('Ext.tab.Panel', {
//width: 300,
//height: 300,
//renderTo: document.body,
items: [{
title: 'Foo',
html: "HELLO"
}, {
title: 'Bar',
tabConfig: {
title: 'Custom Title',
tooltip: 'A button tooltip'
}
}]
})
]
}).show();
This is what it creates

http://www.sencha.com/forum/image/png;base64,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43084
http://www.sencha.com/forum/image/png;base64,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
The tabpanel code I got from the docs. As you can tell, the tabs don't appear and there is no top bar to the window. It also won't resize. I've tried changing the height, but that did nothing.
I can't imagine this is a bug, so I must be missing something.
What am I doing wrong?

slemmon
12 Apr 2013, 8:00 PM
It would seem that there's more to it than that - if you drop that code into one of the inline examples' code editors on the api docs it runs fine.

What version of the framework are you using?

castitas
17 Apr 2013, 2:01 PM
Never mind. ...it works now. I'm not sure why it didn't.