How do I dock a resizable ExtJS Ext.Panel within another resizable docked panel

Question

I have a Modern ExtJS Ext.Panel docked left with resizable set with edge \'east\'. IN this left panel, I want

• Flex upper panel
• docked bottom panel with