Comment réduire le rembourrage des étiquettes dans un ExtJS FormPanel?

Je suis en train de réduire le rembourrage entre les champs de mon ExtJS forme.

Je suis en mesure de changer le style de la champ de données avec la balise style dans la collection d'Éléments comme ceci:

Comment réduire le rembourrage des étiquettes dans un ExtJS FormPanel?

//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'
        }, {
        ...

Mais comment puis-je accéder au style de l'étiquette ainsi, quelque chose comme styleLabel ou labelStyle, etc.?

Oh s'il vous plaît... ne pas poster des exemples de code en tant qu'images.
désolé, fixe, 🙂

OriginalL'auteur Edward Tanguay | 2011-04-27

  1. 2

    Il y a labelPad dont la valeur par défaut 5px apparemment, et labelStyle si vous avez besoin de plus que cela.

    OriginalL'auteur wombleton

  2. 1

    Vous pouvez faire usage de la labelStyle biens disponibles pour les champs de formulaire.
    Voici un exemple:

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

    OriginalL'auteur Abdel Raoof