how can i hide a title in a Ext.formPanel

Question

how can i hide in runtime the title of panel??

this is my code:

{
  xtype: 'panel',
  id: 'pnlAllCenter',
  border: false,
  layout: {
    align: 'stretch',
    type: 'vbox'
  },
  title: '<center>Main Application</center>'
}

now in runtime i need to hide this title! (i need something like this Ext.getCmp('pnlAllCenter').title.remove();)

thanks!!

Possible duplicate of [ExtJS Panel Title](http://stackoverflow.com/questions/3004444/extjs-panel-title) — Vadzim, Feb 10 '17 at 19:16

Stefan Gehrig · Accepted Answer · 2011-09-22T10:05:06.660

7

You're quite close...

Ext.getCmp('pnlAllCenter').getHeader().hide();

EDIT

To completely remove the header use

Ext.getCmp('pnlAllCenter').getHeader().destroy();

edited Sep 22 '11 at 10:05

answered Sep 22 '11 at 09:15

Stefan Gehrig

82,642
24
155
189

1

thanks! after this, i see that there is white space of the title, I must also remove it! – jack.cap.rooney Sep 22 '11 at 09:30
Do you need to show the header again, or is this a one-time removal? – Stefan Gehrig Sep 22 '11 at 09:48
Can you do this in the configuration? I.e. without having to trigger this call? – Isaac Apr 26 '13 at 23:56
1

Just don't use the `title` configuration option if you don't want a title. Or did I misunderstand your question? – Stefan Gehrig Apr 28 '13 at 17:02

how can i hide a title in a Ext.formPanel

1 Answers1