How to Programming with Sencha-touch

javascript,extjs,layout,sencha-touch,extjs5

Assuming #responseArea refers to an HTML element like a <div>. To attribute the response from your server to the HTML element, do this: this.getResponseArea.setHtml(responseText); instead of this.setResponseArea(responseText);. Don't forget getResponseArea gets you the HTML element with #responseArea as id. When you got it, you can do whatever you want with...

extjs layout scroll inside vbox

Just remove autoScroll: true and replace it with flex: 1. https://fiddle.sencha.com/#fiddle/fms Ext.application({ name : 'Fiddle', launch : function() { Ext.create('Ext.container.Viewport', { renderTo: Ext.getBody(), layout: { type: 'border' }, items: [ { width: '100%', region: 'north', items: [{ title: 'north' },{ html: 'another content' }] }, { region: 'center', layout: 'fit',...

(SOLVED) Using mouse wheel to scroll in Sencha Touch application on desktop

javascript,extjs,sencha-touch,sencha-touch-2

The provided code in the other answer is pure Javascript and not ExtJs code, it runs in a global scope so you can add this above Ext.application (outside of ExtJs code, so make it your first bit of JS code that gets run). You could even wrap it inside an...

Rendering of data points in Sencha charts

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

This is some documented behaviour, even if the doc is apparently taunting you: It is usually the index of the store record associated with the sprite There doesn't seem to be an information in the arguments passed to the renderer that could be used to retrieve the record in a...

cordova plugin cannot be properly installed in sencha touch

ios,cordova,extjs,plugins,sencha-touch

i solved my provlem with init the crodova with a name; sencha cordova init XXXXXXXX then add the plugin and then build. no error!...

XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' Sencha touch

javascript,ajax,wordpress,extjs,sencha-touch

Your Sencha Touch app will run without issues in actual PhoneGap / Cordova application. Usually this kind of issue can be resolved by lowering down security level of your desktop browser. However if you really want to emulate your project on your desktop environment, (my favorite method) here are some...

How use google map API in hybrid app for mobile device

google-maps,dictionary,sencha-touch,hybrid-mobile-app

If you start your app when offline, script tags will throw a net::ERRxxx. You can see this on browser console. Later, when you come back online, those scripts have failed loading and that is it. I have tackle this using setTimeout and google maps callback parameter. Basically, I remove and...

Destroy method in form panel

sencha-touch,destroy,formpanel

I figured it out: I was creating two instances of my geo_panel. I refactored the code and everything now works as desired.

How to use this sencha touch images in our app?

javascript,android,image,cordova,sencha-touch

You can use "iconCls" property to set an icon. xtype: 'button', height: 38, iconCls: 'search', iconMask: true, align: 'left', itemId:'audioSearchbtnid' Check out the kitchen sink example here to find more icons. You can find the icons in Sencha_Root_Folder\resources\themes\images\default....

Sencha Touch 2 Grid

javascript,php,sencha-touch

The best option for you will be TouchTreeGrid: https://github.com/swluken/TouchTreeGrid

Sencha Touch : how to reference tab bar item from controller?

You shouldn't use Ext.getCmp() it is very inefficient since it performs its search globally. You already have a reference to the main view defined: refs: { mainView: 'main', searchForm: 'searchview', searchButton: '#btnSearch' }, so you should be able to reference the main view anywhere within the controller by using the...

Sencha Touch dataview with paging plugin

objective-c,cordova,sencha-touch

As it turns out the pagingplugin were not meant for Dataview. It can be used though. In the end i ended up just manually moving the "load more" text in the DOM at the end of each load of the plugin. To ensure no listeners were lost i used the...

Inappbrowser doesn´t work in a Sencha Touch webapp

Finally I found the solution of this tricky issue... Steps: 1º Go to CDVWebViewDelegate.m (in the CordovaLib classes) 2º In the line 209 add this code: //add below code.... if([[NSString stringWithFormat:@"%@",request.URL] rangeOfString:@"file"].location== NSNotFound) { [[UIApplication sharedApplication] openURL:[request URL]]; return NO; } // End code I think this code can be...

Sencha touch lib not working on Chrome 43

android,webview,sencha-touch

I ran into a similar issue with my Sencha Touch app (almost nothing rendered). Here is the workaround I used which seems to work great: http://trevorbrindle.com/chrome-43-broke-sencha/...

Managing CSS in Sencha Touch

css,sass,sencha-touch,compass-sass

I have no idea of CodeKit or Grunt. Anyways in Sencha Touch all the CSS files get placed to the resources/css folder after the compilation. It's the same even when we add custom CSS files or use SASS with Compass compiler.

Sencha Touch - transitioning to pages

My advice would be to use the second pattern. For starters, you don't want anyone who hasn't "logged in" to be able to inspect the HTML of the "authenticated" area. Also you don't want to render more to the DOM than you have to at any point in a single-page...

SENCHA TOUCH Dynamically Rest Api

I think you are missing extraParams in your Store declaration.Use this parameter like below. Ext.define('Hello.store.GreetingStore', { extend: 'Ext.data.Store', config: { model: 'Hello.model.GreetingModel', proxy: { type: 'rest', contentType: "application/json", dataType: 'jsonp', extraParams: { param: 'data' }, url: 'http://localhost:14551/senchaRegister.svc/request' }, listeners: { beforeload: function() { var name = Ext.getCmp('your_text_field_id').getValue(); this.getProxy().getExtraParam().param = name;...

NoMoreRecordText property is not working with the List-Paging plugin on Sencha Touch 2

javascript,extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

SOLVED!!! Problem was coming with the TOTAL parameter from the backend, in my case the TOTAL was evaluated for each request, instead of items total.. CLOSED Roger and over ! :-)...

Sencha Touch JsonP Callback doesn't recognise Ext object

ajax,json,extjs,sencha-touch

It turns out that the issue was that the Ext object was not in a global scope and thus not visible from the callback code. To fix it, I modified the minified app.js code in the following ways: Added 'MyApp=null;' to the beginning of the file, Replaced 'var MyApp=MyApp||()' with...

Remember selectfield sencha touch

@developer, @jenson and I are suggesting you should save the value in a cookie so the value is persisted between browser refreshes. Extjs offers a cookie manager class in the utilities namespace if I remember correct. EDIT For Sencha Touch you should actually make use of the LocalStorage proxy as...

Sencha Touch: perform read (load) operation from singleton model

sencha-touch,sencha-touch-2,senchatouch-2.4

The load method listed on Ext.data.Model is a static method on the class definition, not an instance. The documentation even denotes this is a static method. When you want to load a record, you don't load an already instantiated record, you load the model definition and that loading creates an...

Why is my Cordova application creating so many iframes?

ios,cordova,iframe,sencha-touch

Looks like this is a bug in Cordova iOS. Should be fixed in 3.8.0. See https://issues.apache.org/jira/browse/CB-8002. Also see this similar question: Cordova 3.7 duplicates iframes on every native call...

PHP: How to rename all keys of a Nested List (Array) to 'items'

php,arrays,algorithm,multidimensional-array,sencha-touch

Haven't tested it, but it seems like a fairly simple recursive function should handle it. For example: function parseApi($arr) { $result = array(); foreach ($arr as $key => $value) { if (isset($value['leaf'])) { $result[] = $value; } else { $result[] = array( 'title' => $key, 'items' => parseApi($value) ); }...

Sencha touch 1 - Left Slide Menu

ios,cordova,sencha-touch

In order to achieve this you can use Ext.Menu and mount it on the left or right side. You don't need third party library for this feature it is already included in Sencha Touch. http://docs.sencha.com/touch/2.3.0/#!/api/Ext.Menu...

Determining what to put within the config property

windows,sencha-touch,visual-studio-cordova

The braces are the configuration you're passing to create an instance. You're passing fullscreen & items as configurations to the tab panel. You're passing title, iconCls & html to the panel. You only need to use the config block when defining your own classes, not instantiating them....

Does sencha touch supports windows8

Sencha does support Windows 8. But the issue that you are experiencing relates more to Visual Studio and Cordova. I'd suggest to upgrade to Windows 8.1 as it provides better API and supports the latest SDKs. But if you still want to develop for Windows 8 make sure you installed...

applyStore] The specified Store cannot be found

mobile,web,sencha-touch

You have mixed up many things in your code. For e.g. you have used localStorage and storeId which are not making any sense here. I have simplified your code and pasting here: Model Ext.define('MyApp.model.DataModel', { extend: 'Ext.data.Model', config: { fields: [ { name: 'firstName', type: 'string' }, { name: 'lastName',...

Fail to catch tab change event

javascript,events,controller,sencha-touch,tabpanel

First off it seems you can only implement these listeners on the tabBar of the tabPanel Having looked through the source code though it seems that this never get's fired even though it is documented. http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/source/Bar3.html#Ext-tab-Bar-event-tabchange What I could suggest is either as you pointed out to hook into the...

Set button text based on data attribute in Sencha Touch?

ios,sencha-touch,sencha-touch-2

You can just get a reference to the button and then call the setText() method. So your code might look something like this: var button = viewWithButton.down('#buttonid'); button.setText(record.get('price')); ...

Sencha Touch 2: panel won't scroll after app build

extjs,mobile,sencha-touch,sencha-cmd

I was also facing the same problem. Fixed the issue from this post Sencha Forum Just comment out the codes for loading mask in your app.js like this:- launch: function() { // Destroy the #splash-logo element Ext.fly('splash-logo').destroy(); // Initialize the main view Ext.Viewport.add(Ext.create('Geograph.view.Main')); Ext.Viewport.add(Ext.create('Geograph.view.SearchForm')); // var loadingMask = new Ext.LoadMask(Ext.getBody(),...

Sencha Touch 2 How to get selected itemTpl in a list

javascript,extjs,sencha-touch,sencha-architect,sencha-cmd

You could just use the target element passed in that event handler, you can then just reference the dom property on the element instance to get the generated html from your itemTpl. It's then up to you how you store that for use elsewhere

Invalid session in Sencha Architect

This could happen due to the service change in the Sencha Forums. An easy work around is to create your forum account via the forum here: https://www.sencha.com/forum/register.php...

How to change the direction of writing depending of the country?

javascript,html,sencha-touch,lang

I have found a clean solution for this topic, working with the class or tag name or id you can specify in the css stylesheets the property direction: rtl | ltrfor example, but if you need more possibilities of customizing inside your website or hybrid app you can try to...

Button on TitleBar simply doesn't display Sencha Touch

sencha-touch,sencha-touch-2

It's just a typo : itmes should be items :)

Sencha Touch: Clear listeners on an individual list item

Try to use select event, it's preventable so you just need to return false. However, you need to do extra work to deselect previously selected item: http://docs.sencha.com/touch/2.3.1/#!/api/Ext.dataview.List-event-select...

Sencha Touch - Modal panel height to auto

sencha-touch,sencha-touch-2

This can be done if its config property 'scrollable' is set to false.And using the following css code .<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{ position:relative; } ...

Difference between sencha app build -run and sencha app run?

cordova,sencha-touch,sencha-touch-2

It looks that you are right. sencha help app build and sencha help app run give me almost the same amount of options and behave pretty much similar. So, I'd say that sencha app build -run native is a shorthand for sencha app run native Moreover, it totally makes sense...

Sencha/Extjs rest call with all parameters

json,rest,extjs,sencha-touch

You need to specify a writer config on your proxy with writeAllFields: true. By default it's false, and the default writer itself is just {type: 'json'}.

Change text on datepickertoolbar buttons

localization,datepicker,sencha-touch

I think the docs here: doneButton and here: cancelButton describes this very well. You can simply give this config attribute a String, a Button Object, or false/null to hide it. And if you want the value of an existing Datepicker Button Object, you can use the method getCancelButton() or getDoneButton(),...

What does Ext.Callback do in this case?

extjs,sencha-touch,sencha-touch-2,sencha-architect,sencha-touch-2.1

There are a couple of purposes for Ext.callback: to execute the function in a different scope to execute the function with different arguments to execute the function after a delay to execute a method of a different defaultListenerScope (Ext 5) In this case it is because the author want to...

Tap on list item works only one time

Looking at the code seems like , every time when you tap on list new instance gets created ,So the point is itemtap is only attached with very first instance of view to know more about this see Component life cycle. use Ext.ComponentQuery.query() selector to check how many instance of...

Displaying images in Sencha Touch given digest

sencha-touch,sencha-touch-2,couchdb,pouchdb

You can use blob-util to convert the attachments stored in PouchDB into usable <img/> tags. db.getAttachment() will give you back the Blob, then use createObjectURL to convert the blob into a URL you can use. Sure, you can also use base64 strings and convert it to a data URL (blob-util...

Sencha Touch Error…“has no method 'getId'”

android,extjs,sencha-touch,sencha-cmd

I finally rewrote the code so that I didn't have var view = Ext.create('.... instead I had Ext.define('... then I added: `var owningNavView = list.up('main'); owningNavView.push({ xtype : 'barFoo...' });` For sliding to the next card. After that everything ran well with no errors. ...

Listen to enable/disable events on Sencha Touch

javascript,events,sencha-touch

The container xtype from which many components inherit methods does have an event which fires on changing of it's disabled state. This event is called disabledchange and fires every time the container is either enabled/disabled. In the below code we can see this in action working on a button purely...

sencha touch cordova.local.properties is missing

cordova,windows-phone-8,sencha-touch,sencha-cmd,sencha-cmd5

Since Sencha CMD 5.X, the package.json and cordova.local.properties are not required anymore. I created my app by following this article: http://docs.sencha.com/cmd/5.x/cordova_phonegap.html...

Sencha ExtJS: How do I prevent the cursor from leaving the current position in a phone number field upon edit?

extjs,sencha-touch,textfield,phone

I have figured it out. The problem was fixed by deleting this segment: onChange: function (c) { c.setValue(Ext.util.Format.phoneNumber(c.getValue())); } The field still validates the number until it matches the format criteria. Cannot save until it matches. :D...

Sencha 2.4.1 - List Not Displaying Items

javascript,extjs,model-view-controller,sencha-touch,sencha-touch-2

setting width and height properties of list works. config:{ width: '100%', height: '100%', itemTpl: Ext.XTemplate('<span>{firstname}   {lastname}</span>'), store: 'emp_store' } ...

How could I dynamically choose a div class with an if-else statement?

cordova,sencha-touch,windows-applications,hybrid-mobile-app

What framework combination to choose for developing Windows 8 hybrid application?

PhoneJS is a paid framework and still have some issues. I would like prepand you to use Cordova PhoneGap framework and use extension for VS2013 Also here tutorial about developing for windows http://msopentech.com/opentech-projects/apache-cordova/ and here http://blog.falafel.com/getting-started-with-cordova-and-multi-device-hybrid-app-in-visual-studio/...

How to scroll in Ext.Container

sencha-touch

Just try with scrollable: true, like this:- var menu = Ext.create('Ext.Menu', { scrollable: true, // add this property width: 200, // Need to set a width items: [{ text: 'Close', ui: 'decline' }, { text: 'Home', action: 'nav_option', iconCls: 'home' }, { text: 'Settings', action: 'nav_option', iconCls: 'settings' }] });...

Does Sencha Touch 2.4 have iOS 8.1/8 themes?

windows-phone-8,sencha-touch,sencha-touch-2

I believe that iOS 8 is way identical to iOS 7 in applications UI design. It includes several minor UI tweaks which don't belong to any application themselves, but global stuffs (multitasking screen or searching screen for example). So I think there isn't a necessity to create a dedicated theme...

How to get circle markerimage google map in sencha touch

javascript,sencha-touch

Cutomize Google Map marker with Rounded shape According to this example, I was able to implement this successfully https://jsfiddle.net/uaxb76f8/12/ .gm-style img { max-width: none; border-radius: 25px !important; } ...

Sencha touch panel not showing

You have set the whole view to have a layout of type vbox. This will not stretch any inner content, instead expecting to have to deal with multiple items, each of which may have different height (in which case they would need to be displayed one immediately below the other)....

Make an Ajax request on tab change in Sencha Touch 2

javascript,jquery,ajax,extjs,sencha-touch

To detect when a tab has been selected you can either listen to when that particular tab receives focus using the panels focus event or you can listen to the activeitemchanged event on the tabpanel, which will fire anytime a tab is selected. Code sample below: Ext.create('Ext.TabPanel', { fullscreen: true,...

sencha calendar error uncaught type error : Cannot read property 'indexOf' of undefined on page load

javascript,jquery,extjs,sencha-touch,sencha-architect

just put following code to initialize eventStore and resource store. var resourceStore = Ext.create('Sch.data.ResourceStore', { groupField : 'Category', sorters: ['Category','Name'], model : 'Resource', sucess:true, proxy: { type: 'ajax', url: '', reader: { root: 'data', type: 'json' } }, data : roomList, }); eventStore = Ext.create('Sch.data.EventStore', { sucess:true, proxy: { type:...

Line Chart Series gets cut at top Sencha touch 2 charts

javascript,charts,sencha-touch,linechart

Try to add top padding to your chart: http://docs.sencha.com/touch/2.3.1/#!/api/Ext.chart.CartesianChart-cfg-innerPadding

Adding mousewheel to Sencha Desktop App

There is a JSfiddle here where delta returns 1 when you mousewheel up, and -1 when you mousewheel down. var doScroll = function (e) { // cross-browser wheel delta e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); // Do something with `delta` console.log(delta); e.preventDefault(); };...

Show/hide button in Sencha Touch 2

sencha-touch,sencha-touch-2,sencha-architect

I found the solution, and now it´s working... toggleProfitability: function (button) { var listItems = Ext.ComponentQuery.query('cartItems cartItem'); Ext.each(listItems, function (item) { var tsp = item.down('[name=tspstatus]'); var vbs = item.down('[name=vbsstatus]'); tsp.setHidden(!vbs.getHidden()); vbs.setHidden(!vbs.getHidden()); }, this); // close Menu button.up('cartMenuPanel').hide(); }, Thanks!...

Native Android build in Sencha Architect for Mac

Ok so I figure out how to build from the terminal. First is necessary to have the ANDROID_HOME set up: export ANDROID_HOME=/your-path/ export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools Then navigate to the architect project: phonegap build android —release you should find a new folder called android with the apk...

Scrollable text area on sencha touch 2 on iPad

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

As far as I know, TextArea in Sencha Touch doesn't have this "scrollable" property. In my app I used a workaround, overriding the TextArea component, here is the code: Ext.define('Ext.overrides.TextArea', { override: 'Ext.form.TextArea', initialize: function() { this.callParent(); this.element.dom.addEventListener( Ext.feature.has.Touch ? 'touchstart' : 'mousedown', this.handleTouchListener = Ext.bind(this.handleTouch, this), false); this.element.dom.addEventListener( Ext.feature.has.Touch...

Calling function when List Group Header Change in Sencha Touch

sencha-touch

Take a look at this fiddle: https://fiddle.sencha.com/#fiddle/p36 Basically, you need to override List's handlePinnedHeader. Instead of console.log you can put fireEvent or your custom code...

Can I use sencha extjs stores and models for sencha touch?

javascript,extjs,extjs4,sencha-touch

Models in Sencha Touch 2.4 needs to have the fields inside the "config" property. In the other hand, ExtJS4 can't recognize the fields when they are included in a a "config" property. So, in my experience, models are very similar between the two platforms, but they have some small differences...

Phonegap android app in 3g or 2g connection index.html loading very slow

android,cordova,sencha-touch

You can use java script asynchronous process for adding java script file dynamically. function loadScript() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://test.com/js'; //url of java script file. document.body.appendChild(script); } window.onload = loadScript; When we load phonegap app in low network then server based java script file...

Soundcloud javascript api in Mobile App facing troubles

javascript,sencha-touch,soundcloud

You are receiving a CORS (Cross Origin Resource Sharing) error. The default behaviour is to prevent requests like this that originate from a different domain. So you need to specifically allow it. If you are installing on a device with PhoneGap you should include this in your config.xml file: <access...

Sencha Touch - How to change sdk path

javascript,extjs,mobile,sencha-touch,sencha-touch-2

You might want to take a look at Sencha Touch Workspaces. But to answer your question. Find the file project/.sencha/app/sencha.cfg find the line app.framework=touch and change it to the path (based on project) you want it to be...

Implement routing in Sencha Touch 2.4.0

You are doing a silly mistake. Just put your routes: {} inside config. And your problem solved. Happy coding!

Sencha Touch : dynamically update grouper function

extjs,sencha-touch,sencha-touch-2,grouping,sencha-touch-2.1

I believe you can use the setGrouper method provided by the Store class : http://docs.sencha.com/touch/2.3.2/#!/api/Ext.data.Store-method-setGrouper You just need specify your gouper again : yourStore.setGrouper({ groupFn : function(record) { return record.get('location'); } }); You may have to refresh your list manually, as I don't think there is an event that is...

iOS9 ATS: what about HTML5 based apps?

cordova,https,sencha-touch,ios9

If you are not sure of which URL your application will connect or if you connect to many URLs, you can bypass the ATS by adding following keys in info.plist file. <key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict> ...

Sencha Touch, MessageBox changing defaults

javascript,sencha-touch,messagebox

You can solve the problem by creating new instance of Ext.MessageBox for your customized message box instead of using Ext.Msg singleton. Then your code could look like this: Ext.create('Ext.MessageBox').show( { title: 'Validation', message: message, height: 300, scrollable: true, buttons: Ext.MessageBox.OK } ); ...

Sencha Touch 2 remove Google map Markers

javascript,google-maps,extjs,sencha-touch,sencha-touch-2

Finally i get a solution for that (maybe it's not the better way, but it works) I decided to have a global variable that references the marker that i have to put over the map. To define a global variable in sencha i use this approach: Ext.application({ name: 'SIGCC', marker:...

Sencha Touch 2: Two REST request in the same Store

ajax,json,rest,extjs,sencha-touch

Firstly you are using the wrong syntax for the each method of a store http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/Ext.data.Store-method-each Then it is simple to add 2 different data sources together in the same store. Ext.application({ name: 'Fiddle', launch: function() { // Set up a model to use in our Store Ext.define("User", { extend: "Ext.data.Model",...

Set animation to view change - Sencha Touch

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

you could use setAnimation to modify the direction, try backFromPlayers: function(button, e, eOpts) { var Dashboard = Ext.create('HTMS.view.Dashboard'); var direction = 'right'; //[or] left; Ext.Viewport.getLayout().setAnimation({type: 'slide', direction: direction}); Ext.Viewport.setActiveItem(Dashboard); } ...

I cannot pass data from controller to a view in Sencha Touch 2.4

javascript,model-view-controller,sencha-touch,sencha-touch-2,senchatouch-2.4

The item with tpl should have an id. { id: 'itemWithTpl', // <- here xtype: 'component', tpl: Ext.create('Ext.XTemplate','{URUN_CIHAZ_ADI} jkjk') } And the controller: showServis: function(item, index, target, record, e, eOpts) { this.servis = Ext.widget('servisDetail'); item.up('servisNavigationView').push(this.servis); Ext.getCmp('itemWithTpl').setData(record.data); // <- here } ...

Loading binary image data to an image fails on Android 4.1 in Cordova Project

android,cordova,sencha-touch,blob,filereader

Ah, finally I got it to work on Android 4.1.1 (ASUS Tablet) with the following code. Another issue was, that saving an arraybuffer response from the xhr could not simply serialized, so I converted the stuff to string. Also I receive the blob taking into account, that on some systems...

Override Sencha Touch class

cordova,windows-8,sencha-touch,inappbrowser

When looking into the Sencha Touch code, I think you would have to add material to the panel's eventedConfig property, because the setters are set as follows in touch/src/Evented.js: for (name in eventedConfig) { if (eventedConfig.hasOwnProperty(name)) { nameMap = ExtClass.getConfigNameMap(name); data[nameMap.set] = this.generateSetter(nameMap); } } You can't influence the eventedConfig...

InAppBrowser under Windows 8 doesn´t work

I found the solution with the next code added in the index.html function isPhoneGap() { if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) { return true; } else { return false; } } function openPage(link) { if (isPhoneGap() == true) { var ref = window.open(link.href, '_blank', 'location=yes,enableViewPortScale=yes'); return false; } else { return true; } }...

Sencha Trouch 2: hbox titlebar items getting trimmed

sencha-touch,sencha-touch-2

I guess, you want to shrink the button if the text go large. You can simply apply ellipsis on button label as below, Apply this in your css file: .x-toolbar .x-button-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } EDIT: Another trick: Use this css only .x-toolbar-inner .x-container...

Is it possible to open new browser window with custom headers and content?

javascript,ios,http-headers,sencha-touch

If you redirect to or window.open a data URI, you can specify a MIME type. As a simple test (Safari on iOS 6), I navigated manually to this data URI......

Disable Sencha script loader cache busting but only while developing/debugging

extjs,extjs4,sencha-touch,sencha-architect

Ext.Loader.setConfig() can be called multiple times with different settings and the settings are "merged" together. For me this was unclear in the documentation but fortunately it was more obvious in the source code. The source code also shows that there is an undocumented form of setConfig where it takes a...

Kendo UI or Sencha Touch for both web and mobile [closed]

kendo-ui,sencha-touch,kendo-mobile

At first your selection of the frameworks are good for your project. The UI controls which you have mentioned are well supported in both the frameworks(Though calendar is not directly supported but plugins are available to use). Inspite of having so many similarities in between these two frameworks like: Both...

can anyone explain how Sencha Touch controllers couple with relevant views