Hi Christoper,
My example code is nested in a NavigationPage and it's scrollContainer only
to demonstrate my
problem in the qooxdoo playground.
The reqirements for my implementation are a little bit more complicate.
- I have to set multiple images/widgets in a grids somewhere in a container,
but I have only a VBox / HBox layout manager - so I combine them (not very
comfortable).
- I have to decorate them without having the decorate feature in mobile
environment.
"wrapContentByGroup" of NavifationPage only removes the padding around -
don't help with the decoration padding.
Using setScaleX() and setScaleY() shows very strange results - don't know
how to use them in my example to get the expected results.
I have the one answer for the padding (using Firefox/PC):
- I was wrong using the "Atom" widget.
- I replaced it with the "Image" widget.
I still have a padding problem on Safari/PC (it looks different).
I still have the spreading / shrinking problem of the decoration an content
images on Firefox an Safari.
Have a look to my example Code.
Cheers Kora
var page = new qx.ui.mobile.page.NavigationPage();
page.addListener("initialize", function(){
var dec;
var topDecoContainerLayout = new
qx.ui.mobile.layout.HBox().set({alignX:"left"});
var varTopDecoContainer = new
qx.ui.mobile.container.Composite(topDecoContainerLayout);
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-tl.png");
varTopDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-t.png");
varTopDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-tr.png");
varTopDecoContainer.add (dec, {flex:0});
var middleDecoContainerLayout = new
qx.ui.mobile.layout.HBox().set({alignX:"left"});
var varMiddleDecoContainer = new
qx.ui.mobile.container.Composite(middleDecoContainerLayout);
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-l.png");
varMiddleDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/icon/Tango/128/emblems/emblem-favorite.png");
varMiddleDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-r.png");
varMiddleDecoContainer.add (dec, {flex:0});
var bottomDecoContainerLayout = new
qx.ui.mobile.layout.HBox().set({alignX:"left"});
var varBottomDecoContainer = new
qx.ui.mobile.container.Composite(bottomDecoContainerLayout);
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-bl.png");
varBottomDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-b.png");
varBottomDecoContainer.add (dec, {flex:0});
dec = new
qx.ui.mobile.basic.Image("qx/decoration/Classic/shadow/shadow-br.png");
varBottomDecoContainer.add (dec, {flex:0});
var verticalImageContainerLayout = new
qx.ui.mobile.layout.VBox().set({alignY:"top"});
var varImageContainer = new
qx.ui.mobile.container.Composite(verticalImageContainerLayout);
varImageContainer.add (varTopDecoContainer);
varImageContainer.add (varMiddleDecoContainer);
varImageContainer.add (varBottomDecoContainer);
page.getContent().add(varImageContainer);
}, this);
this.getManager().addDetail(page);
page.show();
--
View this message in context:
http://qooxdoo.678.n2.nabble.com/Missing-the-decoration-feature-in-mobile-environment-tp7581966p7581982.html
Sent from the qooxdoo mailing list archive at Nabble.com.
------------------------------------------------------------------------------
Monitor your physical, virtual and cloud infrastructure from a single
web console. Get in-depth insight into apps, servers, databases, vmware,
SAP, cloud infrastructure, etc. Download 30-day Free Trial.
Pricing starts from $795 for 25 servers or applications!
http://p.sf.net/sfu/zoho_dev2dev_nov
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
