1. #1
    Sencha User
    Join Date
    Aug 2012
    Location
    India
    Posts
    31
    Vote Rating
    5
    Answers
    2
    kanchan@rhytha.co.in is on a distinguished road

      0  

    Default Answered: Collapsible Panel Icon Position

    Answered: Collapsible Panel Icon Position


    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

  2. ,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;
    }

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,247
    Vote Rating
    484
    Answers
    694
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      0  

    Default


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

    Scott.

  4. #3
    Sencha User
    Join Date
    Aug 2012
    Location
    India
    Posts
    31
    Vote Rating
    5
    Answers
    2
    kanchan@rhytha.co.in is on a distinguished road

      0  

    Default Panel icon position

    Panel icon position


    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.

  5. #4
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    603
    Vote Rating
    197
    Answers
    35
    suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold

      0  

    Default


    Do you not have premium forum access?

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

    Code:
    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);
            }
        }
    });

  6. #5
    Sencha User
    Join Date
    Aug 2012
    Location
    India
    Posts
    31
    Vote Rating
    5
    Answers
    2
    kanchan@rhytha.co.in is on a distinguished road

      0  

    Default


    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


  7. #6
    Sencha User
    Join Date
    Aug 2012
    Location
    India
    Posts
    31
    Vote Rating
    5
    Answers
    2
    kanchan@rhytha.co.in is on a distinguished road

      1  

    Default Solved It

    Solved It


    ,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;
    }

Thread Participants: 2