Sencha Touch 2.2.1 concept design with multiple views -


does know how can achieve design using sencha touch 2.2.1?

i think need 2 views; base view gradient , view in class, contains view components tabbar title, image, text field , on.

does have better idea? possible using sass, assigning $page-bg-color: linear gradient , drawing white rectangle inside?

enter image description here

you aught able paste straight senchafiddle.com. no measure css expert of styeling need closer look, general layout aught work you.

ext.loader.setconfig({     enabled : true });  ext.application({     name : ('sf' || 'senchafiddle'),      launch : function() {         ext.create('ext.container', {             fullscreen : true,             style : 'background-image: -webkit-linear-gradient(top left, #ffffff 0%, #00a3ef 100%);',             layout : 'fit',              items : [{                 xtype : 'titlebar',                 title : 'title',                 docked : 'top'             }, {                 xtype : 'panel',                 layout : 'fit',                 margin : '0 40 0 40',                  items : [{                     xtype : 'textfield',                     label : 'label 1',                     docked : 'top'                 }, {                     xtype: 'image',                     src : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:and9gctl66d6upsyd6skfsjibaodalywtvtqipcjbc5rbslsmd_iom94hg',                     height : '15em',                     width : '15em',                     centered : true                 }]             }]         });     } }); 

good luck, brad


Comments

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -