Fieldset /w Dynamic Controls (5)

Adding [X] “Remove” button to an input

In this example we’ll use some CSS magic and DOM manipulation to achieve the following layout. You might think this is easy to do with native layouts in ExtJS4, but I’ve found otherwise.

Continue reading Fieldset /w Dynamic Controls (5)

VN:F [1.9.22_1171]
Rating: 6.7/10 (3 votes cast)

Fieldset /w Dynamic Controls (4)

Adding [+] “Add” button to fieldset

In this example we’ll use some CSS magic to put a button in the upper right corner of the fieldset. The button will be a child of our fieldset, so that when you collapse/expand the fieldset, the button behaves appropriately.

Continue reading Fieldset /w Dynamic Controls (4)

VN:F [1.9.22_1171]
Rating: 7.0/10 (3 votes cast)

Fieldset /w Dynamic Controls (2)

ExtJS 4.1 Update (5/21/2012)

Fieldset Icon

In this example you will get a gold nugget. ExtJS4 shipped without support for fieldsetĀ icons. This is most unfortunate, considering ExtJS 3 had them.

You will need the following “fix”:

Continue reading Fieldset /w Dynamic Controls (2)

VN:F [1.9.22_1171]
Rating: 6.3/10 (4 votes cast)