Ext.tux.form.FieldContainer - Create complex form fields

[AndreaCammarata]

Hey guys,
this thread just to share with you a really simple ux that will allow you to create complex form fields by defining different rows where each of those will contains textfields, selectfields, etc..

1.png

2.png

You can download the extension and a full working example from the following repo:
https://github.com/AndreaCammarata/Ext.tux.form.FieldContainer

As always any feedback is appreciated.

[AndreaCammarata]

Version 0.2 released with a couple of small changes:

• src/form/FieldContainer.js: Renamed the "items" config property to "rows".
• examples/views/Address.js: Conformed the AddressField example to the new component configuration.

If you already using this ux, all you need to do to update your app is to rename the "items" config to "rows" and remove all the layout configurations you provided for each row. The rows config will be handled automatically by the component.

[halogen]

Exactly what I was looking for; thanks! I'm using it to make a row of side-by-side buttons with numbers on them (as an alternative to slider) and to make a 'distance' field which is just a textfield with 'mi' and 'km' buttons to the right that function as a toggle.

[AndreaCammarata]

Glad to hear it helped you