如何減少ExtJS FormPanel中標籤的填充？

我正在嘗試減少我的ExtJS表單的字段之間的填充。如何減少ExtJS FormPanel中標籤的填充？

我能夠改變場數據的風格，在項目收集的風格標籤是這樣的：

enter image description here

//form right 
var simple_form_right = new Ext.FormPanel({ 
    frame:true, 
    labelWidth: 90, 
    labelAlign: 'right', 
    title: 'Orderer Information', 
    bodyStyle:'padding:5px 5px 0 0', 
    width: 300, 
    height: 600, 
    autoScroll: true, 
    itemCls: 'form_row', 
    defaultType: 'displayfield', 
    items: [{ 
      fieldLabel: 'Customer Type', 
      name: 'customerType', 
      style: 'padding:0px;font-size:7pt', 
      labelStyle: 'padding:0px', 
      allowBlank: false, 
      value: 'Company' 
     },{ 
      fieldLabel: 'Company', 
      name: 'company', 
      value: 'The Ordering Company Inc.' 
     },{ 
      fieldLabel: 'Last Name', 
      name: 'lastName', 
      value: 'Smith' 
     }, { 
     ...

但我怎麼訪問的風格標籤，就像styleLabel或labelStyle等？

來源

2011-04-27 Edward Tanguay

哦請...不要將代碼示例作爲圖像發佈。 – 2011-04-27 11:14:23

對不起，修正了，:-) – 2011-04-27 11:19:00

有labelPad顯然默認爲5px，如果您需要更多，則可以使用labelStyle。

來源

2011-04-27 10:26:35 wombleton

您可以使用可用於表單域的labelStyle屬性。這裏是一個例子：

items: [{ 
    fieldLabel: 'Company', 
    name: 'company', 
    labelStyle: 'padding: 10px 10px;' 
}]

來源

2011-04-27 10:30:46

如何減少ExtJS FormPanel中標籤的填充？

回答

相關問題