Question

When I give collapsible : true in panel, collapsible icon (up arrow) is showing at the right most side. How I can show it on left side of the panel?

Ext.create('Ext.panel.Panel', {
    title: 'New Section',
    height: 275,
    width: 530,
    margin: 3,
    collapsible : true
});     

after that I am dynamically editing title using setTitle(text) method. The title will be changed but the collapsible will not show up. Can any one know what is happening here?

Thanks in advance

Answer 1

.my-panel .x-tool
{
    left: 0 !important;
}
.my-panel .x-panel-header-text-container
{
    padding-left: 18px;
}

Demo here http://ext4all.com/post/how-to-change-collapse-tool-position