CODEWITHSUNDEEP
extjsframeworksgridtitle
user2474622
user2474622

Reputation:

How to change the font size of a grid title - ExtJS?

I'm new to Ext but after several researches and questions on Stack Overflow, I succeeded to add pictures in grid rows, headers rows, to change font-size, font-color of header titles, etc. But I still don't know how to change the font-size and so of the main title of the panel. I succeeded to put a picture into the title panel by adding direct CSS, but not much.

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"/> '

It might be a simple question to answer ! Thanks a lot :-) Best Regards.

Upvotes: 2

Views: 12175

Answers (1)

Greendrake
Greendrake

Reputation: 3734

It's normally .x-panel-header-text-default CSS class that controls panel header font styles. If you navigate to a panel header in Firebug inspector you may see:

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

So you can override that rule in your CSS, or you can say take advantage of headerCls config option to specify your CSS class.

Upvotes: 2

Related Questions