PDA

View Full Version : Ext.tux.form.FieldContainer - Create complex form fields



AndreaCammarata
13 Jun 2012, 12:52 PM
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..


36211

36212



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

(https://github.com/AndreaCammarata/Ext.tux.form.FieldContainer)As always any feedback is appreciated.

AndreaCammarata
15 Jun 2012, 1:53 PM
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
29 Jun 2012, 11:34 AM
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
29 Jun 2012, 2:33 PM
Glad to hear it helped you ;)

ingo.hefti
22 Oct 2013, 10:32 PM
You can download the extension and a full working example from the following repo:
https://github.com/AndreaCammarata/Ext.tux.form.FieldContainer
(https://github.com/AndreaCammarata/Ext.tux.form.FieldContainer)As always any feedback is appreciated.
The link seems to be broken. Have you removed it? Thanks.

wkh7777
30 Sep 2014, 11:58 PM
https://github.com/AndreaCammarata/Ext.tux.form.FieldContainerLink not working :(

AndreaCammarata
1 Oct 2014, 12:10 AM
https://github.com/AndreaCammarata/Ext.tux.form.FieldContainerLink not working :(

This component is now part of a Sencha Touch components bundle available on github at:
https://github.com/AndreaCammarata/TUX

I suggest you to clone the repository and look at the examples.

wkh7777
1 Oct 2014, 12:32 AM
This component is now part of a Sencha Touch components bundle available on github at:
https://github.com/AndreaCammarata/TUX

I suggest you to clone the repository and look at the examples.

Thank you very much!!!!!!!

wkh7777
29 Oct 2014, 10:42 PM
This component is now part of a Sencha Touch components bundle available on github at:
https://github.com/AndreaCammarata/TUX

I suggest you to clone the repository and look at the examples.

Hi,

Is there any tutorials?
I dont know how to use it :(

Thanks