Results 1 to 3 of 3

Thread: tabPanel - plain doesn't work when inside a borderlayout

  1. #1
    Sencha User dekely's Avatar
    Join Date
    Aug 2008
    Posts
    215
    Answers
    4

    Default tabPanel - plain doesn't work when inside a borderlayout

    Hi All,
    The plain property doesn't take effect when the tabPanel is inside a border layout.
    I have to wrap it in a panel. am I missing something here?

    Code:
    Ext.onReady(function() {
    
    
    Ext.create('Ext.panel.Panel', {
        layout: 'border',
        height: 300,
        width: 300,
        renderTo: Ext.getBody(),
            items: [{
            region: 'center',
            xtype: 'tabpanel', 
            activeTab: 0, 
            plain: true, //DOESN'T WORK IN BORDERLAYOUT
            items: [{
                title: 'Foo',
                closable: true
            }, {
                title: 'Bar'
            }]
        }]
        
        
    });
    Best regards,
    Dekel.y
    http://www.puzzlescramble.com

  2. #2
    Sencha Premium User vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    807
    Answers
    23

    Default

    That's because of the css:

    Code:
    .x-border-layout-ct {
           background-color: #dfe8f6;
    }
    to have that working you have to configure the background of the parent panel:
    Code:
            bodyStyle: {
                background: '#fff'
            }
    p.s don't forget, browser debug tools are your best friend, use it to inspect the elements and see why you don't have the expected result.
    Github https://github.com/vadimpopa
    Blogging @ : http://vadimpopa.com
    Twitter: @vadimvpopa

  3. #3
    Sencha User dekely's Avatar
    Join Date
    Aug 2008
    Posts
    215
    Answers
    4

    Default

    thanks!
    Best regards,
    Dekel.y
    http://www.puzzlescramble.com

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •