extjs 4 - how to add button into panel header?
<p>I have:</p>

<pre><code>new Ext.Panel({
    title: 'Header',                     
    hideCollapseTool: true,
    collapsible: true,
    collapsed: true,
    renderTo: 'mywrap',
    width: '100%',
    height: 'auto',
    ...
}
</code></pre>

<p>How can I replace header one button the entire width/height with hover and ▲ Header ▼ instead of title?</p>

<p>as_is-as_to_be</p>

<p><a href="https://i.stack.imgur.com/0wb2z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0wb2z.png" alt="as_is-as_to_be"></a></p>