1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    85
    Vote Rating
    1
    Answers
    6
    ssamuel68 is on a distinguished road

      0  

    Default Answered: Grid Header(title) style

    Answered: Grid Header(title) style


    Hi,

    Its possible to change the grid title style? Like font, size, color, height.

    Thx

  2. Thx @slemmon

    I use the cls atribute on my grid and then add my custom cls like this:

    Grid:
    Code:
    cls: 'gridTitle'
    CSS:
    Code:
    .gridTitle .x-panel-header-text{    font-size:16px;    color: darkorange;}
    I can't find a success way to change height and don't mess with the grid toolbar but I think this post can be mark as answered.

  3. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,052
    Vote Rating
    215
    Answers
    484
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      2  

    Default


    If you inspect the DOM elements in Firebug / Chrome Dev Tools you should be able to see the CSS classes applied to the elements and create your own CSS rules for those classes (scope the changes only to specific grid by giving the grid a cls config first and scoping your custom CSS rules within that cls).

  4. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    85
    Vote Rating
    1
    Answers
    6
    ssamuel68 is on a distinguished road

      1  

    Default


    Thx @slemmon

    I use the cls atribute on my grid and then add my custom cls like this:

    Grid:
    Code:
    cls: 'gridTitle'
    CSS:
    Code:
    .gridTitle .x-panel-header-text{    font-size:16px;    color: darkorange;}
    I can't find a success way to change height and don't mess with the grid toolbar but I think this post can be mark as answered.

  5. #4
    Sencha User
    Join Date
    Feb 2012
    Location
    Bhubaneswar, Odisha, India
    Posts
    9
    Vote Rating
    0
    SambitMishra is on a distinguished road

      0  

    Default


    Hi ssamuel68,

    Simple

    .gridTitle{ font-size:16px; color: darkorange;}columns : [
    { text : 'Name', dataIndex : 'name', cls: 'gridTitle'}
    ]


    will work fine, just add the css to the column. for the header td height i dont think there is any way
    Sambit Kumar Mishra
    Software Engineer @Mindfire Solutions
    www.mindfiresolutions.com

Thread Participants: 2