Im mobile environment I only have the possibility to use combinations of VBox
& HBox layouts
to control positions of widgets.
In the HBox layout I configure the "height" to set the vertical image
offset.
Im my example the image has a heigth of 128.
Every height > 133 works fine.
Height equal or less 133 adds space at the bottom.
This is a BIG PROBLEM if you wan to add another horrizontal oriented line of
widgets
without any gap.
Has anybody got an idea for a solution ?
Cheers Kora
Her is the source code:
------------------------
var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("PositionTest");
page.addListener("initialize", function() {
var horizontalLayout = new
qx.ui.mobile.layout.HBox().set({alignX:"center"});
var horizontalContainer = new
qx.ui.mobile.container.Composite(horizontalLayout);
qx.bom.element.Style.set(horizontalContainer.getContainerElement(),"backgroundColor","blue");
qx.bom.element.Style.set(page.getContent().getContainerElement(),"backgroundColor","white");
horizontalContainer.add(new
qx.ui.mobile.basic.Image("qx/icon/Tango/128/emblems/emblem-favorite.png"));
horizontalContainer.add(new
qx.ui.mobile.basic.Image("qx/icon/Tango/128/emblems/emblem-favorite.png"));
horizontalContainer.add(new
qx.ui.mobile.basic.Image("qx/icon/Tango/128/emblems/emblem-favorite.png"));
var verticalLayout = new
qx.ui.mobile.layout.VBox().set({alignY:"bottom"});
var verticalContainer = new
qx.ui.mobile.container.Composite(verticalLayout);
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","350px");//
OK
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","133px");//
OK
qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","132px");//
Adds a line of on pixel at the bottom
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","128px");//
Adds five lines at the bottom
verticalContainer.add(horizontalContainer);
page.getContent().add(verticalContainer);
},this);
this.getManager().addDetail(page);
page.show();
--
View this message in context:
http://qooxdoo.678.n2.nabble.com/VBox-layout-bottom-alingment-don-t-work-correct-tp7581941.html
Sent from the qooxdoo mailing list archive at Nabble.com.
------------------------------------------------------------------------------
Everyone hates slow websites. So do we.
Make your web apps faster with AppDynamics
Download AppDynamics Lite for free today:
http://p.sf.net/sfu/appdyn_d2d_nov
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
