1. #1
    Sencha User
    Join Date
    Aug 2012
    Location
    India
    Posts
    31
    Answers
    2
    Vote Rating
    5
    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,010
    Answers
    667
    Vote Rating
    460
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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
    Answers
    2
    Vote Rating
    5
    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
    447
    Answers
    21
    Vote Rating
    62
    suzuki1100nz is a jewel in the rough suzuki1100nz is a jewel in the rough suzuki1100nz is a jewel in the rough suzuki1100nz is a jewel in the rough

      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
    Answers
    2
    Vote Rating
    5
    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
    Answers
    2
    Vote Rating
    5
    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