Extjs changer la taille de police pour displayfield

J'ai un displayfield, et je voudrais augmenter la taille de la police.
J'ai configuré comme suit:

{
  xtype:'displayfield',
  cls:'biggertext',
  fieldLabel:'label',
  style:{
         'font-size':'32px'
        },
  labelStyle:{
                'font-size':'32px'
             }
}

mais la taille de la police pour le label et le champ de valeur n'a pas changé.

J'ai aussi essayé de le faire via CSS:

.biggertext
{
    font-size: 32px;
}

mais je n'ai pas de changements sur la taille de la police.

Quel est le problème?

Merci à vous tous

  • Qu'est-ce que le cadre vous travaillez?
  • le cadre est Extjs 4.1.1
InformationsquelleAutor Marco | 2014-04-01
  1. 4

    vous devez utiliser certaines autres propriétés de cette.
    e.g labelcls.

    Ici est un démo

    {
        xtype: 'displayfield',
        fieldLabel: 'Home',
        name: 'home_score',
        value: '10',
        labelCls: 'biggertext',
        fieldCls:'biggertext',
    }
    • parfait, il travaille pour le label. quelle est la valeur de champ?
    • je suis en train de modifier votre solution: avec fieldCls:'biggertext' la valeur sera plus grande
    InformationsquelleAutor UmarKashmiri
  2. 1

    De l'essayer.!important va écraser le style parent

    .biggertext
{
    font-size: 32px!important;
}

    Ou

     style:{
         'font-size':'32px!important'
        },
  labelStyle:{
                'font-size':'32px!important'
             }
    • Je n'ai pas de changements avec cette solution
    InformationsquelleAutor Sajitha Rathnayake
  3. 1

    étiquette: 

    labelStyle: "font-size:15px;font-weight:bold;width:60;padding:10px 0px 0px 10px;",

    valeur:

    style:"font-size:14px;padding:10px 0px 0 15px",
    InformationsquelleAutor Steven
  4. 0

    Vous avez raté le " sur votre cls biggertext dans le ExtJS code. Aussi, vous n'avez que vos styles de ce genre: 

    style:{
        'font-size: 32px;'
       },
labelStyle:{
        'font-size:32px;'
      }

    Également noter que labelStyle utilisés pour fonctionner uniquement si vous êtes d'emballage de votre étiquette dans un récipient avec FormLayout.

    Il se pourrait aussi que vous devez ajouter !important à votre CSS. Une fois, j'ai besoin d'elle, sinon il ne serait pas affiché correctement dans le navigateur.

    • "Vous avez raté le " sur votre cls biggertext" désolé, mais j'ai fait une erreur quand j'ai écrit cette question. J'ai édité... Maintenant, je vais essayer votre solution
    • Je n'ai pas de changements avec cette solution
    • Avez-vous essayé !important derrière votre CSS comme je l'ai suggéré?
    InformationsquelleAutor Meliz