How to layout extjs fileuploadfield widget

Vote count:

0

I am using the extjs fileuploadfield (xtype).

When I add this to my panel it looks very ordinary :

The text field should stretch out to the end of the 'File : ' label, and ideally I would want the browse button more to the right. This is how i use it :

               layout: {
                    type: 'anchor'
                },
                items: [
                    {
                        flex: 1,
                        xtype: 'label',

                        text: 'Upload',
                        style: 'font-weight: bold',
                        height: 22
                    },
                    {
                        flex: 1,
                        xtype: 'radio',
                        boxLabel: 'Client [Pfad / Dateiname]',
                        name: 'radioradio',
                        itemId:'RadioClientUploadWindow',
                        checked: 'true'
                    }, {
                        flex: 1,
                        xtype: 'fileuploadfield',
                        id: 'filedata',
                        emptyText: 'Select a document to upload...',
                        fieldLabel: 'File ',
                        buttonText: 'Browse '
                    },

Is there some way of making this component look reasonably OK ?

asked 1 min ago

Oliver Watkins

2,328

How to layout extjs fileuploadfield widget