Great playground design =)
As far as I see, it is only a Firefox problem.
Chrome does not render the bottom border.
I would expect, the mobile device, to work correctly.
But could you open a bug report for this?
When you remove both Layout from the composites, everything works fine in
Firefox:
Greetz Christopher
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();
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:"top"});
var verticalContainer = new
qx.ui.mobile.container.Composite();
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","350px");//
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","133px");//
qx.bom.element.Style.set(horizontalContainer.getContainerElement(),"backgroundColor","blue");
qx.bom.element.Style.set(horizontalContainer.getContainerElement(),"overflow","hidden");
qx.bom.element.Style.set(horizontalContainer.getContainerElement(),"height","90px");//
page.fixSize();
//qx.bom.element.Style.set(verticalContainer.getContainerElement(),"height","128px");//
verticalContainer.add(horizontalContainer);
page.getContent().add(verticalContainer);
},this);
this.getManager().addDetail(page);
page.show();
Am 12.11.2012 um 16:19 schrieb kora:
> 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
------------------------------------------------------------------------------
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
