How To Get An Extjs Application To Look Like The Feed Example?

In my ExtJS Applications I have 3 components, an Ext.tree.Panel, and Ext.grid.Panel and an Ext.Img. I want them to have the same layout as the Feed Viewer example here: http://dev

Solution 1:

This is actually a nested border layout:

You have the main layout, which is border with:

• West: The feeds
• Center: The feed info panel

And the feed info panel has border layout as well with:

• Center: The grid.
• South: The selected feed.

The code of the feedviewer is somewhat involved. You will probably find this more helpful.

Submit your code if you still can't work it out.

Solution 2:

Open developer console in Chrome. And check sources. They are not compressed and readable. :) Viewport created in FeedViewer class. So this is your entry point.