Results 1 to 4 of 4

Thread: Grid Header(title) style

  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    85
    Answers
    6
    Vote Rating
    2
      0  

    Default 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,154
    Answers
    501
    Vote Rating
    247
      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
    Answers
    6
    Vote Rating
    2
      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
      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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •