How to change folding position in extjs4 panel?

When I give collapsible : truein the panel, a resettable icon (up arrow) is displayed on the right side. How can I show this on the left side of the panel?

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

after that I dynamically edit the name using the method setTitle(text). The name will be changed, but the collector will not appear. Does anyone know what is going on here?

Thanks in advance

+3
source share
3 answers
.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

+5
source

To show a resettable icon on the left side you must do this using custom CSS as follows:

Ext.create('Ext.panel.Panel', {
    collapsible: true,
    cls: 'my-panel'
});

And CSS code:

.my-panel .x-tool {
    left: 0 !important;
}

, , - ?

+4

. toolPosition: 1

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

All Articles