Hi,
I have problem with centering on one of many qx.ui.container.Stack pages.
Same example (based on MultiPageForm demo):
qx.Class.define("demobrowser.demo.ui.MultiPageForm",
{
extend : qx.application.Standalone,
members :
{
main : function() {
this.base(arguments);
// create the ui ///////////////////////
// create the stack for the multi page view
var stack = new qx.ui.container.Stack();
this.getRoot().add(stack, {edge:0});
// page 1
var grid1 = new qx.ui.layout.Grid();
grid1.setSpacing(5);
var page1 = new qx.ui.container.Composite(grid1);
stack.add(page1, {top: "50%", left: "50%"});
// name
var nameLabel = new qx.ui.basic.Label("Name:");
page1.add(nameLabel, {row: 0, column: 0});
var name = new qx.ui.form.TextField();
name.setRequired(true);
page1.add(name, {row: 0, column: 1});
// password
var passwordLabel = new qx.ui.basic.Label("Password:");
page1.add(passwordLabel, {row: 1, column: 0});
var password = new qx.ui.form.PasswordField();
password.setRequired(true);
page1.add(password, {row: 1, column: 1});
// nextbutton
var nextButton = new qx.ui.form.Button("next");
page1.add(nextButton, {row: 2, column: 1});
nextButton.addListener("execute", stack.next, stack);
// page 2
var grid2 = new qx.ui.layout.Grid();
grid2.setSpacing(5);
var page2 = new qx.ui.container.Composite(grid2);
stack.add(page2, {top: 0, left: 0});
// email
var emailLabel = new qx.ui.basic.Label("Email:");
page2.add(emailLabel, {row: 0, column: 0});
var email = new qx.ui.form.TextField();
page2.add(email, {row: 0, column: 1});
// birth date
var birthDateLabel = new qx.ui.basic.Label("Birthdate:");
page2.add(birthDateLabel, {row: 1, column: 0});
var birthDate = new qx.ui.form.DateField();
birthDate.setRequired(true);
page2.add(birthDate, {row: 1, column: 1});
//backbutton
var backButton = new qx.ui.form.Button("back");
page2.add(backButton, {row: 2, column: 0});
backButton.addListener("execute", stack.previous, stack);
// submit
var submitButton = new qx.ui.form.Button("submit");
submitButton
page2.add(submitButton, {row: 2, column: 1});
//... CUT ;-)
Like you see, I want to center first page content:
stack.add(page1, {top: "50%", left: "50%"});
but second page should be on (0, 0) position:
stack.add(page2, {top: 0, left: 0});
Unfortunately, this doesn't work:/ What I doing wrong?
Best regards,
Adam
------------------------------------------------------------------------------
Automate Storage Tiering Simply
Optimize IT performance and efficiency through flexible, powerful,
automated storage tiering capabilities. View this brief to learn how
you can reduce costs and improve performance.
http://p.sf.net/sfu/dell-sfdev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
