Domhelper/DomQuery fun with Forms
I would suggest downloading the code used for this example here so you have something to work with. Working examples can be found here.
Getting Started
DomHelper is a very powerful tool, so were going to start with some simple things, and you can take it from there. We are going to be using the insertAfter and insertBefore methods of DomHelper in the following examples.
Spacing form Elements
For this example we are adding a spacer div that will bump the next form element down enough to make it line up with a form element in another column (see image). The first argument to insertAfter is the dom element, allot of the time you can use something simple to retrieve the dom element, such as Ext.get('bla'). In our case, were going to use DomQuery to find our dom element since were modifying dynamic forms.
Adding More Radio Buttons
In this one we will add a second radio button to allow the form to have two options on the same line (see image). First the actual radio button is added, then its label is added.
