formpanel in tabpanel

[heheahn]

Need some help with adding a form inside a tabpanel. ( ExtJS 4.0 beta2 )
forms aren't rendered in Chrome, FireFox, IE9. (except IE8)

Here's the tab:

var tab = {
          xtype: 'tabpanel',
          defaults: {
            autoHeight: true
          },
          items: [
            {
              title: 'Normal Tab',
              items: {
                id: "form1",
                xtype: "form",
                url: '/test.html,
                items: [ {
                  name: "name",
                  xtype: "textfield",
                  vtype: 'name',
                  fieldLabel: 'test',
                  allowBlank: false
                }]
              }
            },
            {
              title: 'Normal Tab2',
              items: {
                id: "form1",
                xtype: "form",
                url: '/test2.html,
                items: [ {
                  name: "name",
                  xtype: "textfield",
                  vtype: 'name',
                  fieldLabel: test2,
                  allowBlank: false
                }]
              }
            }
          ]
        }

tab.render(document.body);

[jay@moduscreate.com]

i never trusted autoHeight. I suggest setting a height.

[syscobra]

I don't see the xtype for the items...
I think it should be something like this:

var tab = {
          xtype: 'tabpanel',
          defaults: {
            xtype : 'panel',
            autoHeight: true
          },
          items: [
            {
              title: 'Normal Tab',
              items: {
                id: "form1",
                xtype: "form",
                url: '/test.html,
                items: [ {
                  name: "name",
                  xtype: "textfield",
                  vtype: 'name',
                  fieldLabel: 'test',
                  allowBlank: false
                }]
              }
            },
            {
              title: 'Normal Tab2',
              items: {
                id: "form1",
                xtype: "form",
                url: '/test2.html,
                items: [ {
                  name: "name",
                  xtype: "textfield",
                  vtype: 'name',
                  fieldLabel: test2,
                  allowBlank: false
                }]
              }
            }
          ]
        }

tab.render(document.body);