Sencha Touch nested formpanel height issue

[Pink und Adel]

While building a view I tried to nest a formpanel followed by a panel in a panel.
So basically there is a nested structure like this:
Ext.Panel
--Ext.form.Panel
--Ext.Panel
The problem is, that the formpanel has no height. It would be nice if the formpanel would get the height it needs. Like height: auto in CSS.
Any ideas?

The code is the following:

Ext.define('MyApp.view.MyView', {

extend: 'Ext.Panel',
xtype: 'myview',
config : {

scrollable: true,
items : [

{

xtype: 'formpanel',

items: [

{

html: 'Content in formpanel'

}

]

},
{

xtype: 'panel',
items: [

{

html: "Content in panel"

}

]

}

]

}});

Thanks in advance.

[AndreaCammarata]

If you are adding the form panel directly to your app Viewport you should have no problem.
It automatically takes all the available screen size.
If you are adding it to a "Container", you should be sure that the container is configured to use a "fit" layout

...
layout: 'fit'
...

In this way your FormPanel will be automatically stretched.
PS: Please wrap your code into forum code tags.