Hybrid View

  1. 22 Feb 2012 8:01 AM #1
    jalpa.pujara
    jalpa.pujara is offline
    Sencha User
    Join Date
    Nov 2011
    Location
    United Kingdom
    Posts
    7
    Vote Rating
    0
    jalpa.pujara is on a distinguished road
      0  

    Question Unanswered: Tab header width change

    Unanswered: Tab header width change


    Is there any way to set different widths of tabs in tab panel based on the tab header text width?
    e.g. if tabpanel has 3 tabs.
    1. Tab number 1
    2. Tab number 2 xxxxxxxxxx
    3. Tab number 3 xxxxxxxxxxxxxxxxxxxx
    How to set following widths of the tabs.
    1. Tab number 1 - 150px
    2. Tab number 2 xxxxxxxxxx - 180px
    3. Tab number 3 xxxxxxxxxxxxxxxxxxxx - 200px
    Reply With Quote Reply With Quote
  2. 22 Feb 2012 8:11 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,582
    Vote Rating
    433
    Answers
    3101
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    You can configure the Ext.tab.Tab instance by setting the tab config on each item.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 22 Feb 2012 8:38 AM #3
    jalpa.pujara
    jalpa.pujara is offline
    Sencha User
    Join Date
    Nov 2011
    Location
    United Kingdom
    Posts
    7
    Vote Rating
    0
    jalpa.pujara is on a distinguished road
      0  

    Default


    I am using GWT. So can you show some example to set tab config for the tab item?
    Reply With Quote Reply With Quote
  4. 22 Feb 2012 12:00 PM #4
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,582
    Vote Rating
    433
    Answers
    3101
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    Quote Originally Posted by jalpa.pujara View Post
    I am using GWT. So can you show some example to set tab config for the tab item?
    You are in the wrong forum then. This is the Sencha Touch 2 forum, not Ext GWT forum.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote

Tags for this Thread