1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    82
    Answers
    5
    Vote Rating
    1
    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
    4,770
    Answers
    355
    Vote Rating
    165
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      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
    82
    Answers
    5
    Vote Rating
    1
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar