O'Reilly logo

Sencha Architect App Development by Loiane Groner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the viewport

Our next step is to create a viewport. To do so, select the Views package (Step 1), and on the toolbox, locate the Viewport component and double-click on it (Step 2). Select the MyViewport view from the Views package on the project inspector, go to the config panel, and set some properties: mark initialView and set userClassName as Main (Step 3). Finally, go to the Design tab and click on the blank area. A blue border should be displayed. Select the flyout config button and select fit as Layout as demonstrated in the following screenshot (Step 4):

Creating the viewport

Note

To learn more about viewports, please go to http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.container ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required