Collapsible Panel Icon Position

[kanchan@rhytha.co.in]

I want to change icon position of collapsible panel from right to left in header.
I tried using custom css but custom css is not working for me.Image1.pngimg2.png

[scottmartin]

Please see the following:
http://www.sencha.com/forum/showthread.php?245567

Scott.

[kanchan@rhytha.co.in]

Hi scottmartin,

I'm not able to access this url, i'm getting this message when i'm clicking on url

kanchan@rhytha.co.in, you do not have permission to access this page. This could be due to one of several reasons:

1. Your user account may not have sufficient privileges to access this page. Are you trying to edit someone else's post, access administrative features or some other privileged system?
2. If you are trying to post, the administrator may have disabled your account, or it may be awaiting activation.

[suzuki1100nz]

Do you not have premium forum access?

If not then that is why - anyway - code sample below from Mitchell.

Ext.define('MyPanel', {
    extend : 'Ext.panel.Panel',
    alias  : 'widget.mypanel',


    hideCollapseTool : true,


    beforeRender : function() {
        var me = this,
            header, tool;


        me.callParent();


        header = me.header;


        if (me.collapsible && !(me.header === false || me.preventHeader)) {
            tool = me.collapseTool = me.expandTool = Ext.widget({
                xtype   : 'tool',
                type    : (me.collapsed && !me.isPlaceHolderCollapse()) ? ('expand-' + me.getOppositeDirection(me.collapseDirection)) : ('collapse-' + me.collapseDirection),
                handler : me.toggleCollapse,
                scope   : me
            });


            header.insert(0, tool);
        }
    }
});

[kanchan@rhytha.co.in]

Thank you,
Here is my code -
I'm getting error when loading my page -

TypeError: parentClass[methodName] is undefined

return parentClass[methodName].apply(this, args || []);

Panel code.png

[kanchan@rhytha.co.in]

,listeners:{
afterrender: function(panel) {
this.addCls('my-panel');
}
}

css -

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