View Full Version : Application alerts inline with grid in center panel

11 Sep 2010, 1:28 PM
Looking for any examples of inline alerts used with a grid in the center panel of a border layout, where the center panel items might be:

0 - toolbar
1 - temporary alert messages - 1 row height
2 - warning alert messages - 1 row height
3 - gridpanel

I can imagine the dismissable inline messages as ephemeral and not always present. When the app wants to alert users, there is a finite place between toolbar and grid that gets used. These messages are dismiss-able, the grid takes their place by expanding to do so. I simply imagine inserting at index 1 or 2, a container with lable text and some kind of dismiss button at right.

So I can imagine the structure, but how to insert and style these items so they layout correctly? (Since the grid has to shrink when messages are inserted, expand when none are present.)

Easier to visualize and imagine, than to actually implement. Any examples on the Sencha site currently doing something like this I could learn from?

12 Sep 2010, 8:29 AM
Use a container with vbox layout for all 4 components and hide the ones you don't want to see (call container.doLayout after every change).