Jorge

First create a custom Form Renderer by copying
qx.ui.mobile.form.renderer.Single (Single.js) and creating your own (i.e.
appname.form.renderer.JorgeFormRenderer) to add to your project.

In your new form renderer add "qx.ui.mobile.container.Composite" to
ONE_LINE_WIDGETS static array.

Now set your form's renderer to your new form renderer:

form.setRenderer(appname.form.renderer.JorgeFormRenderer);

Now create the Hbox container that will hold your input widgets:

var layout = new qx.ui.mobile.layout.HBox().set({alignX:"center"});
var container = new qx.ui.mobile.container.Composite(layout);
container.add(new qx.ui.mobile.form.TextField().set({ placeholder: "First
Name" }));
container.add(new qx.ui.mobile.form.TextField().set({ placeholder: "Last
Name" }), {flex:1});

Add the container to your form:

form.add(container, "Name");

Hope this helps,

Chris



--
View this message in context: 
http://qooxdoo.678.n2.nabble.com/Help-with-mobile-forms-tp7587200p7587204.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to