Results 1 to 2 of 2

Thread: Collapsible Panel header with "tab"

  1. #1
    Sencha Premium Member
    Join Date
    Dec 2010
    Posts
    6
    Vote Rating
    0
      0  

    Default Collapsible Panel header with "tab"

    I'm looking for an option which helps me to add tabpanel in header of a collapsible panel.


    My panel has properties mentioned below:



    {
    xtype: 'panel',
    title: '',
    height: 350,
    region: 'west',
    width: 260,
    layout: 'vbox',
    collapsible: true,
    collapseMode: 'mini',
    maxWidth:510,
    split: true,
    ctCls:'x-box-layout-ct',
    layoutConfig: {
    align: 'stretch'
    },
    items : [{
    xtype: 'tabpanel',
    activeTab: 0,
    region: 'center',
    split: true,
    activeTab:0,
    }]
    }
    Thanks in Advance,

    Kamesh

  2. #2
    Sencha User
    Join Date
    Jan 2011
    Posts
    549
    Vote Rating
    54
      0  

    Default

    Could you clarify exactly what you're wanting to achieve?

    You could simply give the parent panel a title and make this collapsible, then add the tabpanel as you have done already.

    But then are you wanting the tabs to actually be in the space where the title is displayed? This will be possible with some CSS (moving the panel body up and over the header), but then you will likely run into problems regarding panel height, and if numerous tabs are added, they will overlap or run under the collapse button in the title bar...

Tags for this Thread

Posting Permissions

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