PDA

View Full Version : Extjs DataView not showing scroll bar on iPad



jdart
23 Sep 2014, 8:30 AM
Hi, I have a very simple data view written using Extjs 4.2.3, works well on desktop (in Chrome),
but when accessing from iPad, the dataview is not displaying a scrollbar, even though I have
autoScroll: true set.

data shows, and I can scroll the data using finger, but scroll bar not displaying, which is a pretty big UX issue for my app.

questions:
0. What is the reason this is not working
1. Is there any setting, config we can apply for the existing data view so the scroll bar can show up?
2. if #1 is not possible, is there another extjs widget we can use that can display a scrollbar on iPad?
3. if #2 is not possible, is rewriting the app using Sencha Touch the only solution?

if it comes down to #3, then I will have to consider implementing something without extjs and I'm wondering if anyone has some suggestion what to use.

thanks for any help I can get.

Gary Schlosberg
23 Sep 2014, 8:43 AM
ExtJS 4.x doesn't officially support tablets. Hopefully someone will still be able to help.

ExtJS 5 added support for tablets. Perhaps that is an option for you.
http://docs.sencha.com/extjs/5.0/core_concepts/tablet_support.html

fsi
6 Oct 2014, 8:25 AM
ExtJS 4.x doesn't officially support tablets. Hopefully someone will still be able to help.

ExtJS 5 added support for tablets. Perhaps that is an option for you.
http://docs.sencha.com/extjs/5.0/core_concepts/tablet_support.html


I had this issue even in 5.0. The data view was a component inside a vbox layout with align = stretch, but I did not set the flex on the dataview. Once I set flex = 1 and autoScroll true, the data view was scrollable in Safari on the iPad. Other browsers did not not seem to notice that the flex was not set, but Safari behaved differently.