sencha-touch

I am new to sencha touch. How do we change the background color of a button to white? I have a button with two images in each corner. I want the button to be plain white. I tried using css like this: .quest { background: url(../images/quest.jpg) no-repeat left, url(../images/rightarrow.jpg) no-repeat right; background-color: white; border: none; border-color:white; padding-left: 50px; text-align: left; } My button is here: { xtype: 'button', text: '<div class="quest">Info</div>', labelWidth: '100%', name: '', handler: function() { } } My button has grey borders (Grey default button color in

i am new to sencha touch & phone gap.i want to run simple hello word app in eclipse.but i dont know how to do it.if any one knows it than let me know fast Thanks in advance Aamirkhan I. UPDATE: Well there is a plugin availble for eclipse in which we can easily create any sencha,jquery mobile,phonegap project's,just need to follow some steps to integrate that plugin..see MY POST for that plugin guide,i updated my answer just to help other's who don't know how to write sample application in phonegap eclipse. Thanks follow this folder structure. ---your application name -------src -------------

My Sencha Touch list isn't displaying. All I did was change the root container to a navigation view so other views can be pushed onto it, but then the navigation doesn't like having 'fit' as the root. So I moved that into another container with type 'fit'. However, now the list doesn't display?! See below: Ext.define('MyApp.view.inbox.MyInbox', { extend: 'Ext.navigation.View', alias: 'widget.myinboxview', requires: [ 'Ext.navigation.View' ], config: { title: 'My Inbox', xtype: 'card', items: [ { xtype: 'container', type: 'vbox', items: [ { xtype: 'container', flex: 1, items: [ { xtype:

I'd like to be able to show a message to the user once a store sync has successful completion. However, there doesn't seem to be any way of using a callback or calling this synchronously. I'm a little surprised this isn't provided out of the box as it must be a common problem. Is there any work-around for this? Zoltan Magyar It took us ages to find a proper solution to this. Finally we added listener to the store's write event what seems to be working properly. As it is needed frequently it has been added to the store prototype as Ext.data.Store.prototype.syncWithListener = function

Sencha Touch looks impressive, and ExtJS looks nice. I am evaluating if I should use ExtJS or SproutCore for an upcoming app. Now that Sencha Touch is in the mix, I wonder if I choose ExtJS, it'd be easier to port/migrate part of the app to mobile world. Is that true? Would I be able to have the same code base for both ExtJS for desktop browsers and Sencha Touch for mobile devices? If not how much different would the code base be? Just came from an EXTJS meetup where one presentation was about Sencha Touch. An app was ported from the former to the latter -- it was claimed that ~40% code could

can anyone please point me in the right direction about how to implement google maps in sencha touch 2.2.1 in an MVC fashion? a good step by step tutorial maybe? I need to have a view and a controller but am not sure what is the correct way of doing it as regards defining map options and initializing the map. Been looking at various tutorials on the Internet but none of them matches exactly what I want to implement. I am using a tab panel and my map needs to be displayed when clicking one of the tabs (called Location)... first, you have to put the map panel as item of your tab container: {