How to add interactive, dynamic components on a fixed location outside of all views in a Sencha Touch application -


how add interactive, dynamic components on fixed location outside of views in sencha touch application.
menu @ top, add controls bottom of app control audio, display other random information , rotate imagery. pane should not hide/move/refresh/etc. when changing views via menu, in essence should separated rest of application. highly preferred able use sencha 'audio' xtypes.

should implement this:

  • straight index.html
  • somehow add in view holds menu well
  • some other magical way

example layout

the magical way is... docking ( outside rest of app, means want doc on viewport ).

http://docs.sencha.com/touch/2-0/#!/api/ext.component-cfg-docked

var button = ext.create('ext.button', {       text: 'button',       id: 'rightbutton'  });   ext.create('ext.container', {      fullscreen: true,      items: [          {               docked: 'top',               xtype: 'titlebar',               items: [                   button               ]           }      ]  });   ext.create('ext.panel', {      html: 'floating panel',      left: 0,      padding: 10  }).showby(button);     

for top view, use along lines of ext.tabpanel though. http://docs.sencha.com/touch/2-0/#!/api/ext.tab.panel


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -