2011-02-26 51 views
2

嗨 我有一個窗體中有一個窗體和一些文本域。默認情況下,標籤左對齊,它們的輸入框對齊中心。有沒有辦法將輸入框粘到左邊的標籤上? 有沒有關於如何在extjs上使用css的任何教程?如何使textfield在extjs中保持其標籤?

+0

有很多方法可以影響字段及其標籤的位置,但如果您在表單代碼中包含問題,則幫助會更容易。 – Tommi 2011-02-26 06:28:40

回答

6

使用:

labelAlign : 'right'
您的 配置。 例如:

 
var form = new Ext.form.FormPanel({ 
    height : 200, 
    width : 250, 
    labelAlign : 'right' 
    labelWidth : 80, //because my fieldlabel is short enough 
    items  : [{ 
     fieldLabel : 'Name', 
     .... 
    }, ....] 
}) 
+0

感謝您的reply.it作品,當我創建窗體使用新的但當我使用創建表單使用xtypes,然後labelAlign不工作:'{ 標題:'地址', xtype:'窗體', 默認值:{寬度: 230}, DefaultType的: '文本字段', labelAlign: '右', 項目:[{ FieldLabel聯合: '地址1', 名: '地址1' }]}'我必須提到,這種形式包括在一張卡片(嚮導)佈局中。 – 2011-02-28 03:20:51

1

關於對CSS你的問題:你將無法重新定位包含在一個容器組件用的FormLayout,除非你使用!important所有的地方。

這是因爲佈局在呈現時設置了子組件的dom style屬性。