I fixed your problem:
http://tinyurl.com/jvmw4h3
The problem of the ScrollComposite is, that the child scroll container is not
the content.
So there is one element too much.
So i deactivated the default ScrollContainer and replace the Content container
by the ScrollComposite.
________________________________
Von: Alexander Voronin [[email protected]]
Gesendet: Donnerstag, 30. Mai 2013 15:25
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] qx.ui.mobile.container.Scroll and
qx.ui.mobile.container.ScrollComposite horizontal scrolling
Here is sample code for horizontal scrolling issue: http://tinyurl.com/om8jf44
Uncomment line 15 and comment line 13 to get horizontal scroling working.
Thanks.
2013/5/29 Christopher Zündorf
<[email protected]<mailto:[email protected]>>
Could you please provide a playground example for your problem with
ScrollComposite?
________________________________
Von: Alexander Voronin
[[email protected]<mailto:[email protected]>]
Gesendet: Mittwoch, 29. Mai 2013 16:25
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] qx.ui.mobile.container.Scroll and
qx.ui.mobile.container.ScrollComposite horizontal scrolling
Thanks for answering, Christopher. My case is just a job to do :)
Iframes is abvious solution but not for mobile platforms. There is still a lot
of issues and specific css tricks for that. Also it's a bit more complicated
and resource costly to load iframe with all depending javascript instead of
insert div with content inside prepared DOM.
I actually do not need pinch and zoom functionality, but iScroll provides it on
doubletap event. Sometimes it's convenient to use. It would be great to allow
horizontal scrolling for qx.ui.mobile.container.Scroll elements.
I've stopped my experiments on ScrollComposite and it works as expected except
one thing. As I wrote above for some reason I need to add HTML content directly
in scrolling element, but not inside page content. Is that normal?
2013/5/29 Christopher Zündorf
<[email protected]<mailto:[email protected]>>
I would propose again to use new qx.ui.mobile.container.ScrollComposite();
This enables the vertical and horizontal scrolling.
Your use case seems very special. You want inner HTML with two way scrolling
and with full pinch and zoom functionality.
iScroll implementation is not trivial, and we don't want to modify the iScroll
library manually.
Have you tried loading the sites inside an iFrame?
It might be able to enable pinch and zoom with qx.Mobile touch events.
Have a look at:
https://github.com/qooxdoo/qooxdoo/blob/master/application/mobileshowcase/source/class/mobileshowcase/page/Event.js
On this page, you see a pinch and zoom (even a rotate) inside the function
__onGestureTargetTouchMove
With this scale factor and the function setScaleX and setScaleY you may
implement a zooming.
Greetz
Christopher
Am 27.05.2013 um 12:12 schrieb Alexander Voronin:
Hi, list. I have simple issue that I fight not first time in qooxdoo mobile. My
scenario also already known here, I guess.. :) I have volatile HTML sample with
explicitely specified width and height that I wrapped with
qx.ui.mobile.embed.Html container. Then I use it inside
qx.ui.mobile.page.NavigationPage based page. My goal is to get horizontal
scrolling working as expected.
First usecase - do nothing, just add html inside content using this code:
var html = new qx.ui.mobile.embed.Html(this._getScrollerHtml());
this.getContent().add(html);
I'm getting here vertically scrollable content with number of known but fixable
iScroll bugs and no horizontal scroll at all.
Second usecase - I overrided _createScrollContainer method and using
qx.ui.mobile.container.Scroll container for scrolling with large number of
iScroll options to get everything work as I want:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new qx.ui.mobile.container.Scroll(
{
"useTransform": this._detectUseTransforms(),
hScroll: true,
vScroll: true,
hScrollbar: true,
vScrollbar: true,
zoom: true,
snap: false,
momentum: true,
onBeforeScrollStart: function(e) {
var target = e.target;
while (target.nodeType != 1) {
target = target.parentNode;
}
if (target.tagName != 'SELECT' &&
target.tagName != 'INPUT' &&
target.tagName != 'TEXTAREA' &&
target.tagName != 'OPTION' &&
target.tagName != 'BUTTON' &&
target.tagName != 'LABEL') {
e.preventDefault();
}
}
}
);
}
return this._scroller;
}
in despite of hScroll attributes this code not giving me ability to scroll page
horizontally. In this thread
http://qooxdoo.678.n2.nabble.com/Qooxdoo-mobile-2-2-page-scroll-container-issues-td7582604.html
Christopher told me that horizontal scrollind not working for
qx.ui.mobile.container.Scroll because of iScroll wrapper and the scroller are
the same container. I'm not sure it is, but why not change this to give more
flexibility?
Third usecase (I need my horizontal scrolling!): using ScrollComposite
scrolling container:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new çΩ();
this._scroller.setScrollableY(true);
this._scroller.setScrollableX(true);
this._scroller.setShowScrollIndicator(true);
}
return this._scroller;
}
Well, that's not hepled anyway untill I've changed
this.getContent().add(html);
to
this._scroller.add(html);
here I've got what I need but why first approach not working? Also I lost zoom
feature from iScroll using ScrollComposite scroller.
So what is the best approach to get horizontal scrolling worked and why there
is so many issues? I've used git qooxdoo mobile version for my experiments.
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
Try New Relic Now & We'll Send You this Cool Shirt
New Relic is the only SaaS-based application performance monitoring service
that delivers powerful full stack analytics. Optimize and monitor your
browser, app, & servers with just a few lines of code. Try New Relic
and get this awesome Nerd Life shirt!
http://p.sf.net/sfu/newrelic_d2d_may_______________________________________________
qooxdoo-devel mailing list
[email protected]<mailto:[email protected]>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
Introducing AppDynamics Lite, a free troubleshooting tool for Java/.NET
Get 100% visibility into your production application - at no cost.
Code-level diagnostics for performance bottlenecks with <2% overhead
Download for free and get started troubleshooting in minutes.
http://p.sf.net/sfu/appdyn_d2d_ap1
_______________________________________________
qooxdoo-devel mailing list
[email protected]<mailto:[email protected]>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
Introducing AppDynamics Lite, a free troubleshooting tool for Java/.NET
Get 100% visibility into your production application - at no cost.
Code-level diagnostics for performance bottlenecks with <2% overhead
Download for free and get started troubleshooting in minutes.
http://p.sf.net/sfu/appdyn_d2d_ap1
_______________________________________________
qooxdoo-devel mailing list
[email protected]<mailto:[email protected]>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
Introducing AppDynamics Lite, a free troubleshooting tool for Java/.NET
Get 100% visibility into your production application - at no cost.
Code-level diagnostics for performance bottlenecks with <2% overhead
Download for free and get started troubleshooting in minutes.
http://p.sf.net/sfu/appdyn_d2d_ap1
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
