What's New?

[CLOSED] TreeNode Icons not showing correctly

  1. #1
    Feb 11, 2011, 2:53 PM

    [CLOSED] TreeNode Icons not showing correctly

    This is very strange. For some reason i'm not getting the icons i'm asking for. Instead i'm getting some default icon.

    Any ideas?

    <script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        Ext.Net.TreeNode root = new Ext.Net.TreeNode("root");
        Ext.Net.TreeNode nodeRoles = new Ext.Net.TreeNode("Roles");
        Ext.Net.TreeNode nodePerms = new Ext.Net.TreeNode("Permissions");
        treePanelMyRoles.Root.Add(root);
        root.Nodes.Add(nodeRoles);
        root.Nodes.Add(nodePerms);
       
        // build roles node
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Admin", Icon.NoteEdit));
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Treasurer", Icon.Money)); 
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Photographer", Icon.Camera)); 
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Organizer", Icon.Money)); 
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Member", Icon.User)); 
        
        // build permissions node
        var curIcon = Icon.BulletCross;
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Add/Edit Events", curIcon));
        curIcon = (false) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Add/Remove Photos", curIcon));
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Approve/Reject Users", curIcon));
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Collect Payments", curIcon)); 
}
</script>
<ext:TreePanel ID="treePanelMyRoles" runat="server" Border="false" RootVisible="false" />
    Last edited by Daniil; Feb 16, 2011 at 1:31 PM. Reason: [CLOSED]
  2. #2
    Feb 11, 2011, 3:05 PM
    Hi,

    I have tried your code and it appears to be working fine on my side.

    Here is a full example.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        Ext.Net.TreeNode root = new Ext.Net.TreeNode("root");
        Ext.Net.TreeNode nodeRoles = new Ext.Net.TreeNode("Roles");
        Ext.Net.TreeNode nodePerms = new Ext.Net.TreeNode("Permissions");
        treePanelMyRoles.Root.Add(root);
        root.Nodes.Add(nodeRoles);
        root.Nodes.Add(nodePerms);

        // build roles node
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Admin", Icon.NoteEdit));
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Treasurer", Icon.Money));
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Photographer", Icon.Camera));
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Organizer", Icon.Money));
        nodeRoles.Nodes.Add(new Ext.Net.TreeNode("Member", Icon.User));

        // build permissions node
        var curIcon = Icon.BulletCross;
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Add/Edit Events", curIcon));
        curIcon = (false) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Add/Remove Photos", curIcon));
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Approve/Reject Users", curIcon));
        curIcon = (true) ? Icon.BulletTick : Icon.BulletCross;
        nodePerms.Nodes.Add(new Ext.Net.TreeNode("Collect Payments", curIcon));
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:TreePanel 
        ID="treePanelMyRoles" 
        runat="server" 
        Border="false" 
        RootVisible="false" />
    </form>
</body>
</html>
    I can't see default icons (excluding 'folder' icon).
    Click image for larger version.  Name: Icons.JPG  Views: 169  Size: 17.1 KB  ID: 2304

    Are all resources loaded fine?
  3. #3
    Feb 11, 2011, 3:22 PM
    it looks like it's working in the code.
    <img alt="" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" class="x-tree-node-icon icon-bullettick" unselectable="on">
    It's just strange that it's not showing up. I am loading it through two auto loads. A panel is auto loaded inside a tab and inside that panel this tree is auto loaded. Maybe the resource isn't loaded like you suggested. I'm just using the standard RenderMode (not AddTo)

    update: changing the rendermode to AddTo didn't help either.
  4. #4
    Feb 11, 2011, 3:39 PM
    Please try to register icons:

    Example
    protected void Page_Load(object sender, EventArgs e)
{
    ResourceManager.GetInstance().RegisterIcon(Icon.BulletTick); 
    ...
}
    It looks like they are not registered automatically.

    Do the icons appear?
  5. #5
    Feb 11, 2011, 3:39 PM
    even adding this doesn't help.

    <script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
 ResourceManager.GetInstance().RegisterIcon(Icon.Money);
...
  6. #6
    Feb 11, 2011, 3:51 PM
    what's interesting is that the only icon that works is the Icon.User and i'm already using that one in another tab so it's probably already loaded.
  7. #7
    Feb 11, 2011, 3:54 PM
    This only works when it's put in the aspx file. It doesn't work from the ascx file.

    <script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
 ResourceManager.GetInstance().RegisterIcon(Icon.Money);
...
  8. #8
    Feb 11, 2011, 4:20 PM
    Hi,

    At this moment you have to preregister all icons are used in tree nodes inside partial view
    Preregistering must be performed in the page only. I will try to fix it soon
  9. #9
    Feb 11, 2011, 4:23 PM
    at least it's a bug. I thought i was going nuts :-)
  10. #10
    Feb 11, 2011, 4:47 PM
    Hi,

    Fixed in SVN. Please update and retest

Similar Threads

  1. [FIXED] [1.1.0] IE6 FormLayout/With_UserControls example, icons not displayed correctly
    By akcsc in forum Bugs
    Replies: 4
    Last Post: Jul 28, 2011, 1:50 PM
  2. [CLOSED] Icons Not Showing
    By chris.salas in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jun 28, 2011, 10:34 AM
  3. EXT Icons not showing!
    By Charlene in forum 1.x Help
    Replies: 1
    Last Post: May 01, 2011, 11:18 AM
  4. [CLOSED] Icons not showing up w/ASP.NET Themes
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 20, 2009, 2:08 AM
  5. [CLOSED] Custom TreeNode Icons for a dynamic TreePanel
    By conman in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 15, 2009, 10:22 AM

Posting Permissions