[FIXED][3.0] Icons in tree different in v3

[fzammetti]

I'm still observing the same behavior, even given that correction (test code above has been corrected as well). Can anyone else try that test code and confirm they see the same thing? (both cls and iconCls, neither works for me) If you see the same thing, and no one else has any ideas how to fix it, then I'm thinking this is most likely a v3 bug. I definitely don't know what else to try here.

[fzammetti]

Saki, could you please move this one to bugs as well? I'm still hoping someone can point to a mistake on my part, but at this point it seems like it's a bug. I'm going to have to code around this for my book work tonight, unless it's fixed in the next few hours (I was holding off over the weekend just in case it was a problem on my part, but tonight I gotta make a move).

[jsakalos]

Moved.

[evant]

There was a css bug, but unrelated, if 'icon' is specified it adds a class 'x-tree-node-inline-icon' which hides the default icon, however due to the css refactor it wasn't included.

FYI the css still wasn't correct, which is why the iconCls wasn't working. I tested this using both iconCls and icon and it showed up correctly, with the latest from SVN.

      Ext.onReady(function() {

        new Ext.tree.TreePanel({
          layout : "fit", id : "projectsTree", title : "Project View",
          root : new Ext.tree.TreeNode( { id : "root", text : "Projects" } )
        });

        vp = new Ext.Viewport({
          layout : "border", items : [
            { region : "center", html : "Center" },
            {
              region : "west", width : 200,
              items : [ Ext.getCmp("projectsTree") ]
            }
          ]
        });

        var pRootNode = Ext.getCmp("projectsTree").getRootNode();
        var newProjectNode = pRootNode.appendChild(new Ext.tree.TreeNode({
          id : "p1", text : "Project 1",
          //icon : "img/project.gif",
          iconCls : "bgproject"
        }));
        var newTaskNode = newProjectNode.appendChild(new Ext.tree.TreeNode({
          id : "t1", text : "task1",
          //icon : "img/task.gif",
          iconCls : "bgtask"
        }));
        newTaskNode.appendChild(new Ext.tree.TreeNode({
          id : "r1", text : "resource1",
          //icon : "img/resource.gif"
          iconCls : "bgresource"
        }));
        pRootNode.expand();

      });

CSS:

.bgproject { background-image:url(img/project.gif) ! important; }
.bgtask { background-image:url(img/task.gif) ! important; }
.bgresource { background-image:url(img/resource.gif) ! important; }