Как управлять высотой полей в 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);
Комментарии: 6
Попробуй
style: {height: '150px'},
пробовал, не помогает
Но вообще, эти параметры будут применены не к самому полю (textarea), а к его родителю (div). Если надо изменить отображение, лучше прикрепить еще и свой CSS, в котором уже привычным и удобным образом управлять внешним видом.
Дело не в отображении, а в поведении элемента. Т.к. если я изменю xtype: 'textarea' на xtype: 'ace', то у элемента будет нулевая высота (height: auto). И он не отобразиться)
Забавно что проявляется это, если делать форму в панели, но если делать форму в окне, то все работает как часы) Так же все работает, если убрать xtype: 'modx-formpanel', но тогда я теряю форму)
Можно попробовать тип поставить modx-texteditor, как здесь, например: https://github.com/MODX-Club/modx-console/blob/master/manager/components/console/js/widgets/console.panel.js#L93-L112
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.