panel content overlap

[israel]

look my work

- post deleted by tryanDLS not relevant -

[mjlecomte]

israel:

what does that have to do with this thread? what is it at all?

[tryanDLS]

@israel - you continue to disregard the posting rules here. You have been repeatedly asked to modify your behavior. Maybe a week-long posting vacation will make you see the light.

[shay]

finally it works!

to make sure i understood it fully and to help others reading this thread.

1) i was overnesting by using the "items" property instead of assigning the region directly.
2)it seems that a panel is not designed to handle multiple items that are also panels. a panel should not be an item in another panel but placed in its own layout region.

is this correct?

thanks,
Shay

[mjlecomte]

There's no need to nest something inside another Component. Take a look at Panel in the API, with all of it's exposed resources of events, methods, etc. Why use more memory than needed?

Sometimes you may need to use "items". The point is you need to properly give the parent container for those items a "layout". So whenever you configure "items" you should probably also be specifying "layout".

var someInstance = new Ext.Panel({
    layout: 'WHAT?',
    items: [

    ]
});

[mjlecomte]

Re-read what Animal said above, it may make more sense now. Also read the top of:
http://extjs.com/deploy/dev/docs/?class=Ext.Container

I'd read over all of the classes introductions to get a rough lay of the land. The big ones to read for sure are Component, Container, Panel, ...

I'd also suggest giving the Layout Browser demo a good look over.