Results 1 to 3 of 3

Thread: remove text and add items into header after the panel collapsed

  1. #1
    Sencha User
    Join Date
    Dec 2014
    Posts
    26
    Answers
    2

    Default remove text and add items into header after the panel collapsed

    I use Ext5 and I have a question. Is it possible to remove text and add items into panel header after the panel collapsed?
    Belows the code, the east panel is collapsible. I want to remove text and add items into header after it collapsed.
    Code:
    Ext.create('Ext.container.Viewport', {    layout: 'border',
        items: [{
            region: 'east',
            title: 'East Panel',
            collapsible: true,
            split: true,
            width: 150
        }, {
            region: 'center',
            xtype: 'tabpanel', // TabPanel itself has no title
            activeTab: 0,      // First tab active by default
            items: {
                title: 'Default Tab',
                html: 'The first tab\'s content. Others may be added dynamically'
            }
        }]
    
    });

    here is the fiddle
    Thanks

  2. #2
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Hi--

    Can you elaborate what you mean by "adding items"? Are you wanting to add components, tools, text items, etc?

    Thanks
    Joel

  3. #3
    Sencha User
    Join Date
    Dec 2014
    Posts
    26
    Answers
    2

    Default

    Quote Originally Posted by joel.watson View Post
    Hi--

    Can you elaborate what you mean by "adding items"? Are you wanting to add components, tools, text items, etc?

    Thanks
    Joel
    Hi joel

    That's what I want to do. In this case, I add buttons into header but when the panel is collapsed the button disappeared. Is there any way to show or add components when panel is collapsed?

    PHP Code:
    {        
        
    region'east',        
        
    title'East Panel',        
        
    collapsibletrue,        
        
    splittrue,        
        
    width150,
        
    header: {
             
    items: [{
                
    xtype'button'
            
    }, {
                
    xtype'button'
            
    }]
        }


Similar Threads

  1. Replies: 0
    Last Post: 14 Sep 2011, 6:05 AM
  2. Replies: 0
    Last Post: 16 Jun 2011, 7:12 AM
  3. Replies: 1
    Last Post: 3 Nov 2010, 3:02 AM
  4. Remove button from collapsed panel
    By pgraju in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 8 Sep 2008, 5:35 AM

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
  •