Как изменить размер шрифта заголовка сетки - ExtJS?

Question

Я новичок в Ext, но после нескольких исследований и вопросов по переполнению стека мне удалось добавить изображения в строки сетки, строки заголовков, чтобы изменить размер шрифта, шрифт заголовков заголовков и т. Д. Но я до сих пор не знаю, t знать, как изменить размер шрифта и, следовательно, основного названия панели. Мне удалось разместить изображение в панели заголовков, добавив прямой CSS, но не так много.

Ext.define('AM.view.user.List' ,{ 
extend: 'Ext.grid.GridPanel', 


alias: 'widget.userlist', 


cls: 'overall', 


title: 'XXX // DEMO <img class="title-icon" style="vertical-align:middle; margin-bottom:10px; " src="xxx/xxx/xxx.png"/> ' 

Это может быть простой вопрос ответить! Большое спасибо :-) С наилучшими пожеланиями.

Answer 1

Обычно это .x-panel-header-text-default Класс CSS, который управляет стилями шрифта панели заголовка. Если перейти к заголовку панели в Firebug инспектора вы можете увидеть:

.x-panel-header-text-default { 
    color: #333333; 
    font-family: tahoma,arial,verdana,sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    line-height: 17px; 
} 

Таким образом, вы можете изменить это правило в вашем CSS, или вы можете сказать воспользоваться headerCls опции конфигурации, чтобы указать свой класс CSS.