Как управлять высотой полей в MODx.FormPanel?

Всем привет, кто может подсказать как управлять высотой полей в MODx.FormPanel. Она ставиться auto, и не на какие height не реагирует. В чем может быть дело?

Tests.panel.AddTest = function (config) {
  config = config || {};
  if (!config.id) {
    config.id = 'tests-add-items';
  }
  Ext.applyIf(config, {
    items: [
      {
        id: config.id + '-form',
        xtype: 'modx-formpanel',
        layout: 'form',
        url: Tests.config.connector_url,
        baseParams: {
          action: 'mgr/test/create'
        },
        items: [
          {
            xtype: 'textfield',
            fieldLabel: _('tests_item_name'),
            name: 'name',
            id: config.id + '-name',
            anchor: '99%',
            allowBlank: false
          },
          {
            xtype: 'textarea',
            fieldLabel: _('tests_item_description'),
            name: 'description',
            id: config.id + '-description',
            height: 150,
            anchor: '99%'
          },
          {
            xtype: 'textarea',
            fieldLabel: _('tests_item_instructions'),
            name: 'instructions',
            id: config.id + '-instructions',
            height: 150,
            anchor: '99%'
          },    
          {
            xtype: 'xcheckbox',
            boxLabel: _('tests_item_active'),
            name: 'active',
            id: config.id + '-active',
            checked: true
          }
        ],
        buttons: [
          {
            text: _('tests_item_submit'),
            cls: 'primary-button',
            scope: this,
            handler: function() {
              var form = this.get(config.id + '-form');
              form.submit({
                success: function(form, action) {
                  this.fireEvent('success', {
                    f: frm,
                    a: a
                  });
                },
                failure: function(form, action) {
                  this.fireEvent('failure', {
                    f: frm,
                    a: a
                  });               
                }
              });
            }
          }
        ]
      }
    ],
  });

  Tests.panel.AddTest.superclass.constructor.call(this, config);
};

Ext.extend(Tests.panel.AddTest, MODx.Panel);
Ext.reg('tests-add-items', Tests.panel.AddTest);
Ершов Алексей
11 июля 2016, 06:14
modx.pro
1
1 137
0

Комментарии: 6

Илья Уткин
11 июля 2016, 11:10
0
Попробуй
style: {height: '150px'},
    Ершов Алексей
    11 июля 2016, 11:12
    0
    пробовал, не помогает
      Илья Уткин
      11 июля 2016, 11:12
      0
      Но вообще, эти параметры будут применены не к самому полю (textarea), а к его родителю (div). Если надо изменить отображение, лучше прикрепить еще и свой CSS, в котором уже привычным и удобным образом управлять внешним видом.
        Ершов Алексей
        11 июля 2016, 11:16
        0
        Дело не в отображении, а в поведении элемента. Т.к. если я изменю xtype: 'textarea' на xtype: 'ace', то у элемента будет нулевая высота (height: auto). И он не отобразиться)
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    6