Results 1 to 2 of 2

Thread: Custom header for Ext.panel.Panel

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    2
    Vote Rating
    0
      0  

    Default Custom header for Ext.panel.Panel

    Hi!
    Is it possible to create custom header for Ext.panel.Panel (I mean to extend Ext.panel.Header and then use that header in my panel)?
    If it is possible then how can I do it?
    Thanks!

  2. #2
    Sencha - Community Support Team mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,021
    Vote Rating
    1364
      0  

    Default

    It's undocumented as we don't really want you to but you can specify a component instance as the header property on the panel. Here is the default way the Ext.panel.Header is created for reference:

    Code:
                    me.header = new Ext.panel.Header({
                        title       : title,
                        orientation : (me.headerPosition == 'left' || me.headerPosition == 'right') ? 'vertical' : 'horizontal',
                        dock        : me.headerPosition || 'top',
                        textCls     : me.headerTextCls,
                        iconCls     : me.iconCls,
                        icon        : me.icon,
                        baseCls     : me.baseCls + '-header',
                        tools       : tools,
                        ui          : me.ui,
                        id          : me.id + '_header',
                        indicateDrag: me.draggable,
                        frame       : me.frame && me.frameHeader,
                        ignoreParentFrame : me.frame || me.overlapHeader,
                        ignoreBorderManagement: me.frame || me.ignoreHeaderBorderManagement,
                        listeners   : me.collapsible && me.titleCollapse ? {
                            click: me.toggleCollapse,
                            scope: me
                        } : null
                    });
                    me.addDocked(header, 0);
    
                    // Reference the Header's tool array.
                    // Header injects named references.
                    me.tools = header.tools;
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

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