View Full Version : [CLOSED] [iPhone] Kitchen sink sample is not usable on iPhone

8 Apr 2014, 12:51 PM

I appreciate the effort of having Ext.js applications working on mobile touch-screen devices. The Ext,js 5 beta release announcement (http://www.sencha.com/blog/announcing-public-beta-of-ext-js-5/) says "Ext JS 5 supports [...] the latest tablet platforms such as iOS6/7" and "Check out our examples (http://dev.sencha.com/ext/5.0.0/) on a tablet", so please forgive me for trying it on iPhone*. It doesn't crash, but it's not usable as it could be with some adjustments. Some of them could be made as ext.js features, as they could be valuable for applications too.
Not enough space on Center panel when the east and west panels are collapsed. Maybe a button like "Preview on full-screen" should be provided to all of the samples (similar to the one available on the Basic Column chart (http://dev.sencha.com/ext/5.0.0/examples/kitchensink/?charts=true#basic-column)). Wouldnt it be useful for apps too?
Change the default settings when navigating from a smaller touch screen device. The announcements are bad formed on the phone: it's hard to read the content (small width), it's also hard close them, etc. It tooke me a while to find the "Show announcements" option on the top right settings. This should be unchecked by default, as the Touch theme should be checked by default on a touch screen device
It's hard to navigate within the center panel - grids and charts.
for example, on the Array grid sample (http://dev.sencha.com/ext/5.0.0/examples/kitchensink/?theme=neptune-touch#array-grid), to be able to see the last columns, you have to swipe out of the grid (panel title or boton). It doesn't work if you swipe on the cell or header itself. It works fine if you swipe up and down, but not left and right.
I can't zoom in and out
if the phone is rotated to landscape view, when I go to the botton there is a huge blue bar on the botton that is only closed on rotating the phone back to portrait


System used: iPhone 5, iOS 7.1, latest Chrome and Safari.

8 Apr 2014, 1:02 PM
Ext JS 5 is for desktop and tabletsTouch is for tablets and phonesSo while Ext JS 5 might run on a phone I doubt Sencha does any testing on them since it's not on their targeted platforms.

8 Apr 2014, 2:08 PM
As you suggested, phones aren't really the focus of this release. The KS was designed with desktops/tablets in mind. Technically there's nothing stopping you from running Ext5 on a phone, but it's probably not going to be an optimal experience.

8 Apr 2014, 4:30 PM
Thanks for the response, Mike and Evan.@evant , can the issue #1 be converted to a feature request? I mean, not changing the sample code, but providing a "view in full screen" API to collapse all except the "main" panel and to also collapse their title bars and another API to "close full screen".