View Full Version : Large Icons in Ext.tree.TreePanel

20 Jul 2010, 2:39 PM
I'm using the Ext.tree.TreePanel object as a navigational item and I was wondering if there was a way to increase the size of the icons without disrupting the text. Seems like when I override the .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon classes to use a new height and width, the text of the node aligns to the top and looks off.

Any thoughts out there?

7 Sep 2010, 8:11 AM
I'm using icons which are 19 px wide and 16 px high. Here's an example of what I did to align (left-right) a slightly larger icon. Perhaps playing with padding or margins would help.

.x-tree-node-expanded .x-tree-node-icon{
padding-left: 5px;

7 Sep 2010, 8:58 AM
Or you could increase the line-height of the text.