Как изменить ширину цветового пика в fieldset ExtJS

Question

Я хочу изменить ширину палитры при изменении ширины набора полей.Я попытался использовать maxWidth, но это не помогло:

{
        xtype: 'fieldset',
        title: __('colors'),
        defaultType: 'textfield',
        layout: 'vbox',
        defaults: {
            anchor: '100%',
            labelAlign: 'top',
            align: 'center'
        },
        items: [
            {
                xtype: 'container',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                defaults: {
                    // anchor: '100%',
                    maxWidth: 140,
                    labelAlign: 'top',
                    padding: '0 5px 0 5px'
                },
                items: [
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_heading'),
                        bind: '{headerColor}'
                    },
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_content_color'),
                        bind: '{contentColor}'
                    }
                ]
            },
            {
                xtype: 'container',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                defaults: {
                    // anchor: '50%',
                    maxWidth: 140,
                    labelAlign: 'top',
                    padding: '0 5px 0 5px'
                },
                items: [
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_btn_text_color'),
                        bind: '{textBtnColor}'
                    },
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_btn_color'),
                        bind: '{colorBtn}'
                    }
                ]
            }

        ]
    }

Когда небольшой набор полей экрана перекрывает мою цветовую метку и не меняет ширину:

Answer 1

установить width: 320 на родительском узле xtype: 'fieldset' ... чтобы не было обрезанных элементов.если это не помогает, попробуйте то же самое с родительским узлом xtype: 'form'.свойство maxWidth определяет только максимальную ширину, которую может иметь такой узел, а не фактическую ширину.