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
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
,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;
}
Please see the following:
http://www.sencha.com/forum/showthread.php?245567
Scott.
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:
- 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?
- If you are trying to post, the administrator may have disabled your account, or it may be awaiting activation.
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); } } });
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
,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;
}