title: Ext Grid positioning in Viewport or something
body: <p>Please suggest how can I position my grids on a single page. I am trying to place 3 Grid Panels in two rows with decent space between each grid.Panel. I have three CRUD Grids populated with data from DB ( and it's store ): </p>
  
  <p>var UserGrid = Ext.create('Ext.grid.Panel', { ... }); </p>
  
  <p>var RoleGrid = Ext.create('Ext.grid.Panel', { ... }); </p>
  
  <p>var Map = Ext.create('Ext.grid.Panel', { ... }); </p>
  
  <p>Now I want to place them in different positions like I mentioned earlier. So, I want to be able to refer to my existing Grids in the Viewport or something.</p>
  
  <p>That is one part of my question. Also, I am really so annoyed by the ExtJS documentation on Sencha. I know many people say it is elaborate. I am very confused what configs or properties or methods I use in each Ext JS object. The documentation does detail them, but I am not able to get hold of when to use what. When do we use options given in 'config'? When do we use options given in 'properties'. When do we use options given in 'events'? More importantly how do we use them !!</p>