CODEWITHSUNDEEP
extjs
mayan
mayan

Reputation: 161

extjs Panel fit layout

I have a panel and i am rendering it into a container. I want the panel to fit into the container height and don't want to specify the height of the panel.

But don't seem to work is there a way I could do it.

CODE SNIPPET

<div id=Div style="width: 100%; height: 100%;"></div>
var newPanel = new Ext.Panel({
    id: 'newPanel',
    renderTo: 'Div',
    layout: 'fit',
    border: false,
    items: [anotherPanel]
})

any ideas please help

Upvotes: 4

Views: 14342

Answers (3)

user2908890
user2908890

Reputation: 11

You can also try below code:

autoHeight: true

Upvotes: 1

mylesmg
mylesmg

Reputation: 532

Use the 'fit' layout on the container, and set autoheight and autowidth to false on the child panel. The fit layout should take care of making the components inside it automagically 'fit'.

Upvotes: 3

Evan Trimboli
Evan Trimboli

Reputation: 30082

You could use this plugin: http://www.sencha.com/forum/showthread.php?28318-Fit-to-parent&highlight=fitToParent

Upvotes: 3

Related Questions