title: multi flow navigation UI5
body: <p>I'm trying to develop multi flow navigation using Shell &amp; SplitApp controls.</p>
  
  <p>I'm able to create shell and splitapp controls individually now I'm trying to provide navigation between shell and splitapp.</p>
  
  <p>So the flow would be:</p>
  
  <ol>
  <li>login View</li>
  <li>Dashboard.</li>
  <li>master details views</li>
  </ol>
  
  <hr>
  
  <p>I'm using component.js for loading components and providing routing.
  With this structure I'm able to navigate from master page to navigate page but <strong>I was struck at structuring the application.</strong></p>
  
  <p>I tried googling but didn't find anything useful.</p>
  
  <p>I've followed the ui5 TDG for structuring the application.
  <a href="https://github.com/j1wu/sapui5-app-tdg" rel="nofollow noreferrer" title="UI5-TDG">UI5-TDG</a></p>
  
  <p><strong>Below is the sample image of dashboard view</strong>
  <img src="https://i.stack.imgur.com/zrWcO.png" alt="Shell"></p>
  
  <p><strong>Below is the sample image of master detail view</strong></p>
  
  <p><img src="https://i.stack.imgur.com/wA8ob.png" alt="splitapp"></p>
  
  <hr>
  
  <p>Am I the only one trying this kind of scenario or did I miss something?</p>
  
  <p>Any suggestions/materials/resources on structuring of application would be greatly appreciated?</p>