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]>
> Could you please provide a playground example for your problem with
> ScrollComposite?
>
>
> ------------------------------
> *Von:* Alexander Voronin [[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]>
>
>> 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]
>> 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
>>
>>
>
>
> --
> когда я опустился на самое дно, снизу мне постучали..
>
>
> ------------------------------------------------------------------------------
> 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
>
>
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
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
