Question

I have a form panel with one text field. I want to do something like this:

fieldLabel : ___________________ in Kilos.

How can I bring in Kilos to the right side of the text field in extjs4?

Using afterLabelTextTpl does not cut it, I want it to show immediately after the textfield.

Any suggestions on how I can achieve this?

Answer 1

Here’s an example of what I do in my application:

{
    xtype: "fieldcontainer",
    layout: "column",
    width:  300,
    items: [
        {
            xtype: "textfield",
            fieldLabel: "fieldLabel",
            width: 200
        },
        {
            xtype: "displayfield",
            value: "in Kilos",
            width: 100
        }
    ]
}