1. 18 May 2012 2:20 AM #1
    skizzato
    skizzato is offline
    Sencha User
    Join Date
    Jan 2012
    Posts
    14
    Vote Rating
    0
    skizzato is on a distinguished road
      0  

    Default TabPanel tabs rendering issue

    TabPanel tabs rendering issue


    Hi all,
    I have a problem with a tabPanel.
    When I add it to main viewport everything works fine but when I decide to show this tabPanel in popup mode, I have this graphic issue:

    TabPanel_issue.jpg

    As you can see the background became white... do you have any idea on how to solve this?
    Thanks in advance.
    Reply With Quote Reply With Quote
  2. 20 May 2012 11:39 PM #2
    skizzato
    skizzato is offline
    Sencha User
    Join Date
    Jan 2012
    Posts
    14
    Vote Rating
    0
    skizzato is on a distinguished road
      0  

    Default


    [SNIP]
    Last edited by mitchellsimoens; 21 May 2012 at 6:26 AM. Reason: snipped
    Reply With Quote Reply With Quote
  3. 21 May 2012 6:26 AM #3
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    34,121
    Vote Rating
    453
    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 mitchellsimoens has much to be proud of
      0  

    Default


    Add a cls to the tab panel and in your CSS target the tab bar to change the background. Floating gives background white and is probably on the tab panel.
    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
  4. 21 May 2012 12:41 PM #4
    skizzato
    skizzato is offline
    Sencha User
    Join Date
    Jan 2012
    Posts
    14
    Vote Rating
    0
    skizzato is on a distinguished road
      0  

    Default


    Hi mitchellsimoens,
    really thanks for your useful reply.
    Do you have some css strings to suggest in order to have the same bg of when the panel is not floating?
    Reply With Quote Reply With Quote