How to Programming with Sencha-touch

javascript,extjs,extjs4,sencha-touch

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....

Can I use sencha extjs stores and models for 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...

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...

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 Touch 2 How to get selected itemTpl in a list

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

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

Displaying images in Sencha Touch given digest

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...

Does Sencha Touch 2.4 have iOS 8.1/8 themes?

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

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...

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/...

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 : 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...

Sencha touch panel not showing

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

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)....

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...

ExtJS and Sencha Touch: Adding a second panel at bottom with text that depends on a function call

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

First off there is a syntax error in your tabpanel declaration, missing a comma before title. However what I think you want to implement is a docked toolbar at the bottom of the view like this:- Ext.define('App.view.Mod.Home', { extend: 'Ext.navigation.View', alias: 'widget.modHome', config: { navigationBar: { docked: 'top', items: [{...

Displaying buttons in a Dataview in Sencha 2

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

My solution for getting a button in a dataview without linking it to the store. It's actually, somewhat unsurprisingly, similar to this blog post. view - ListItem.js ... config: { layout: { type: 'hbox', align: 'center' }, dataMap: { getDescription: { setHtml: 'description' } }, description: { cls: ..., flex:...

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 dataview with paging plugin

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...

can anyone explain how Sencha Touch controllers couple with relevant views

cordova,sencha-touch,sencha-touch-2

My answer refers to Sencha Touch 2.3.1. There is no real "coupling", except the relations you define through refs and control property of the controllers http://docs.sencha.com/touch/2.3.1/#!/api/Ext.app.Controller. All of the Controllers that an Application uses are specified in the Application's Ext.app.Application.controllers config. The Application automatically instantiates each Controller and keeps references...

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

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...

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...

Override Sencha Touch class

mobile,sencha-touch,deftjs

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...

Sencha 2 Routing with Deft JS

It doesn't seem to be working: https://github.com/deftjs/DeftJS/issues/44 As a workaround I'd try to use DeftJS controllers as ViewControllers to control the logic of the app and ExtJS controllers as RouteControllers to work with routes. To separate them, put ViewControllers next to views and model as have been done in ExtJS...

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

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...

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...

(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...

Does sencha touch supports windows8

windows,sencha-touch,visual-studio-cordova

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...

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(),...

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:...

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); } ...

PrePopulate SQLite DB in Sencha Touch + Cordova project

sqlite,cordova,sencha-touch

Ok! Did it! I got some help from a guy at Sencha forums and he pointed me to a repo he posted on github with an example of Antair's SQLite plugin for Cordova. Here's the link to the repo in case anyone needs it: https://github.com/Yoinbol/SqlitePopulated The DB is placed at...

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(),...

Adding mousewheel to Sencha Desktop App

javascript,google-chrome,extjs,sencha-touch

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(); };...

Uncaught ReferenceError: WebKitPoint is not defined

You can try replacing var point = window.webkitConvertPointFromNodeToPage(this.dom, new WebKitPoint(0, 0)); return [point.x, point.y] with var rect = this.dom.getBoundingClientRect(); return [rect.left, rect.top]; Source: https://code.google.com/p/chromium/issues/detail?id=434976#c10 Code Credits: Philip Jägenstedt ...

Native Android build in Sencha Architect for Mac

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

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...

submitting a form to the server as json

sencha-touch,sencha-touch-2,sencha-touch-2.3

I think below would solve your purpose. Ext.Ajax.request({ url:'JSONSaveEntry', method:'POST', headers: { 'Content-Type': 'application/json' }, jsonData : JSON.stringify(form.getValues()), success : function(response){ console.log("response from server")}, failure : function(error){console.log(error)} }); ...

Sencha Touch 2 Grid

javascript,php,sencha-touch

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

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 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...

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

ios,sencha-touch,sencha-touch-2

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...

Set button text based on data attribute in Sencha Touch?

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')); ...

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; } ...

List won't display items in LocalStorage on launch

sencha-touch,sencha-touch-2,local-storage

You need to change few configuration in Store and List. Changes in Store Load,beforeSync and addrecords are listeners So, place it inside listeners Listeners should be inside config Don't need to repeat model: 'DebtManager.model.Currency' inside proxy Updated Store Ext.define('DebtManager.store.Currency', { extend : 'Ext.data.Store', requires : [ 'DebtManager.model.Currency', 'Ext.data.proxy.LocalStorage' ], config...

SENCHA TOUCH Dynamically Rest Api

sencha-touch,sencha-touch-2

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;...

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...

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

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

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: perform read (load) operation from singleton model

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...

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: Enter key to submit form

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

It looks like there's more than one issue in your code. control doesn't target your password field. The key password references an component with xtype password. The correct way to reference it is either passwordfield if you never have more than one of them or 'passwordfield[name="password"]'. the purpose of refs...

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...

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 } ...

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...

What would keep setter methods from being created in sencha touch

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

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...

How use google map API in hybrid app for mobile device

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...

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",...

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...

Sencha Touch - transitioning to pages

sencha-touch,destroy,formpanel

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...

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' }] });...

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!...

Destroy method in form panel

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 get device language in sencha touch or architect

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

navigator.language you can also try this on chrome developers tools: console.log(navigator.language); ...

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',...

Show/hide button in Sencha Touch 2

android,cordova,sencha-touch,blob,filereader

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!...

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

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...

Inappbrowser doesn´t work in a Sencha Touch webapp

objective-c,cordova,sencha-touch

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 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...

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. ...

Remember selectfield sencha touch

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

@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 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:...

Implement routing in Sencha Touch 2.4.0

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

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

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'}.

Tap on list item works only one time

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

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...

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 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/...

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; } ...

extjs layout scroll inside vbox

javascript,extjs,layout,sencha-touch,extjs5

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',...

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...

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

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

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