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
