Hybrid View

  1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    61
    Vote Rating
    0
    extjslikeit is on a distinguished road

      0  

    Default How to center or right align the tab title buttons in tab panel

    How to center or right align the tab title buttons in tab panel


    Hi,

    I need to align the tab title buttons of the tab panel in center.

    Is there a suggested way to do so, I am not finding good answer.

    Any pointers are appreciated.

    Thanks,
    ExtJSLikeIt

  2. #2
    Sencha User
    Join Date
    Mar 2010
    Posts
    61
    Vote Rating
    0
    extjslikeit is on a distinguished road

      0  

  3. #3
    Sencha User
    Join Date
    Mar 2010
    Posts
    61
    Vote Rating
    0
    extjslikeit is on a distinguished road

      0  

    Default


    Still I am not able to find a way to center align the buttons.

    If you have done so, please let me know.

    Thanks.

  4. #4
    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,

    you can try this for center align the tab title buttons in tab panel

    <style type="text/css">
    ul.x-tab-strip-top { padding-top:1px !important; padding-left:70px !important;}
    </style>
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  5. #5
    Sencha Premium Member
    Join Date
    Nov 2012
    Location
    Bangalore
    Posts
    79
    Vote Rating
    1
    rupamkhaitan is on a distinguished road

      0  

    Default Add this code

    Add this code


    xtype: 'tabpanel',
    tabBar : {
    layout : {
    pack : 'end'
    }
    },

Thread Participants: 2

Tags for this Thread