Ext JS Community Forums 3.x /
Ext 3.x: Help & Discussion /
Elements on Same Line
I want to put TextFields, CheckBoxes, and plain text on the same line in a FormPanel.
I searched the forums for an answer. The search results show that several users have asked a similar question. However, when I click on most of the search result links I get a "Page Load Error".
For the links that do work the suggestions are to use a table.
I want the fields to abut one another with a little spacing in between.
"Please enter your name [TextField], your age [TextField] and select your gender (0) Male or (0) Female"
I reviewed all the config options for TextField and Label fields but I don't see anything which helps me control putting elements in the same line.
you need to use a combination of things. The following example from my book explains how to do it (look at the state and zip code fields).
Help would be a better location for this.
I have personally used column layout in the past to do this sort of thing.
Sencha - Ext JS Dev Team
The thing about Column layout is that the natural tab index will proceed down each column in turn, not from item to item in the row.
This will become an issue when the new FocusManager is implemented which IIRC, uses the Component's natural order as the order of focus.
Last edited by Animal; 21 Apr 2009 at
Reason: Brainless! I meant tab index, not "z-order"
What would be nice...
What would be nice is if one could control whether an element goes on a line or breaks to the next line at the form level or per element (TextField, Label).
In ASP.NET I can put elements on the same line:
<asp:TextBox ...</asp:TextBox>some text<asp:TextBox ...</asp:TextBox>
Or, easily break them onto new lines:
I'm wondering if it makes sense to have a parameter at the Form level like:
freeFlowing: <false | true>
If false then elements are positioned on new lines.
If true then elements are positioned abutting to the last element.
Ext JS Premium Member
Is this part of the ARIA stuff that was supposed to hit with 3.0?
Originally Posted by
Sencha - Ext JS Dev Team
Yes, but I think it's going to be 3.1
It's very nice. Total keyboard navigability by walking the Container->Component tree.
FYI, in the future don't quote the spam, I had to edit your post to delete the spam also.
I punted and created the layout as seen in the attached screenshot.
Instead of trying to make a contiguous sentence with embedded TextFields, Checkboxes I used the normal layout of fields within the form and put in phrases in the place of the usual type of text used for a label.