stableborderlayout - ignores middle view

[piccione99]

I need help with understanding stableborderlayout. The following code causes the bottom view to overlap the last 50 pixels of the top view. The middle view seems to be ignored:

<view>
<stableborderlayout axis="y" />

<hbox name="titleInfo" width="${canvas.width}" height="40" spacing="10" bgcolor="red" >
<vbox>
<text> "IngridHome Protection" </text>
</vbox>
<vbox>
<edittext disabled="true"> "monitoring address" </edittext>
</vbox>
<vbox>
<text disabled="true"> "Logout" </text>
</vbox>

</hbox>

<view name="myingridMenu" width="${canvas.width}" height="40"
bgcolor="green" >
</view>

<view name="dashboard" width="${canvas.width}" height="70"
bgcolor="black" >
</view>


<view name="middle">
<hbox name="floatingWindows" width="${canvas.width}" height="510" bgcolor="white" >
</hbox>
</view>

<view name="bottom">
<hbox name="companyMenu" width="${canvas.width}" height="50"
bgcolor="blue" >
</hbox>
</view>

</view>