PDA

View Full Version : change the height and font size of the form fields



emredagli
17 May 2009, 10:06 AM
Hii,
I want to simply change the font size and height of the field labels and fields.
I try this way:


{
...
layout:'form',
itemCls:'SolPanelFont',
...
items:[{
xtype:'checkbox',
fieldLabel:'selam',
boxLabel:'merhaba'
},{
xtype:'textfield',
fieldLabel:'selam'
},{
xtype: 'combo',
fieldLabel:'selam',
...
}]
}

itemCls:'SolPanelFont', :


.SolPanelFont{
font-family:tahoma,arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:normal;
}

And overriding following CSS rules:


/* Radio Button icin ayarlar */
.x-form-text, .ext-ie .x-form-file {
height:19px;
line-height:18px;
}

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
height:19px;
line-height:15px;
}

.x-form-field-wrap .x-form-trigger {
height:18px;
}

.x-form-field {
font-size:11px;
}

Is this the correct way of doing this?