PDA

View Full Version : Collapsible Panel icon



matejka
15 Nov 2010, 7:24 AM
Hi,
I need to move the icon to collapse/expand Panel to the left (default align is right). I used following code

new Ext.Panel({
collapsible: true,
collapsed: true,
title: 'Title',
toolTemplate: new Ext.Template('<div class="x-tool x-tool-{id} x-tool-left"> </div>')
});
where x-tool-left is CSS class { float: left; margin-right: 5px; }

It's working quite fine, but if the Panel is expanded then the double-left-arrow icon is shown instead of the standard down arrow. See the screenshot.

Thanks for any ideas.

Jiri

JanVenekamp
15 Nov 2010, 10:43 AM
'x-tool-left' as a class name is an unfortunate choice. There's a rule in ext-all.css that's causing your problem:



.x-tool-left {
background-position:0 -180px;
}

matejka
15 Nov 2010, 12:10 PM
My bad, class renaming resolved it. Thanks a lot.

Jiri