javascriptcssextjsextjs4stylesheet

Extjs change font size for displayfield


I've a displayfield, and i would like to increase the font size. I've configured it as follow:

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

but the size of the font for the label and the value field has not changed.

I've also tried to do it via CSS:

.biggertext
{
    font-size: 32px;
} 

but I've no changes about the font size.

What is wrong?

Thank you all


Solution

  • you should use some other properties for this. e.g labelcls.

    Here is a demo

    {
            xtype: 'displayfield',
            fieldLabel: 'Home',
            name: 'home_score',
            value: '10',
            labelCls: 'biggertext',
            fieldCls:'biggertext',
        }