Hybrid View

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    36
    Vote Rating
    0
    user14 is on a distinguished road

      0  

    Default How to align gridpanel title to "center"

    How to align gridpanel title to "center"


    Is there any way to set align of gridpanel title to "center" ?
    Code:
    .....
    items :[
        {     xtype:'gridpanel',
               id:'gridPanel',
               title:'First Name',
               forceFit: true,
            columnWidth: 0.5,
            .....
        }
      ]
    .....
    I'd like "First Name" to be aligned "center

  2. #2
    Sencha User
    Join Date
    Dec 2011
    Posts
    20
    Vote Rating
    2
    jennifer123 is on a distinguished road

      0  

    Default


    Code:
    {.....
    title: 'My Title',
    style:'text-align:center;',
    ...
    }

  3. #3
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi user14,

    Try below code -

    Code:
    .....items :[ 
       { 
             xtype:'gridpanel',
               id:'gridPanel',
               title: '<div style="text-align:center;">First Name</div>',
                forceFit: true,
              columnWidth: 0.5,
            .....    } 
     ].....
    Working sample example http://jsfiddle.net/UJ6pz/
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Thread Participants: 2