PDA

View Full Version : Collapsible Panel Icon Position



kanchan@rhytha.co.in
12 Oct 2012, 6:20 AM
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.3932339324

scottmartin
12 Oct 2012, 8:26 AM
Please see the following:
http://www.sencha.com/forum/showthread.php?245567

Scott.

kanchan@rhytha.co.in
12 Oct 2012, 10:09 PM
Hi scottmartin (http://www.sencha.com/forum/member.php?165873-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.

suzuki1100nz
12 Oct 2012, 10:14 PM
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
12 Oct 2012, 10:47 PM
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 || []);



39333

kanchan@rhytha.co.in
13 Oct 2012, 12:18 AM
,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;
}