Results 1 to 3 of 3

Thread: Tree node indent issue

  1. #1

    Default Tree node indent issue

    I am having some issues with the child nodes in my tree not indenting properly.

    Based on what I've seen from the extjs samples the child nodes should be indented as far as the parent node's image (typically a folder icon). However in my tree some are not pushed out that far some are. Please see attached image:

    treeIndentIssue1.png
    treeIndentIssue2.png

    I've used firebug to try to see why my nodes aren't indenting but nothing is jumping out at me as obvious. Any thoughts would be greatly appreciated, thanks!

  2. #2
    Ext JS Premium Member troseberry's Avatar
    Join Date
    Feb 2010
    Location
    Dayton, OH
    Posts
    277

    Default

    it uses the
    HTML Code:
    <span class="x-tree-node-indent">
    double check that you have mapped the Ext.BLANK_IMAGE_URL (s.gif) file properly in your code. Possible that this is causing the issue because it cannot create the appropriate 1x1 square to use for the indent

  3. #3

    Default

    Thanks for the response. It turned out there was a bit of css that someone else on our team had written that was overriding the width on the .x-tree-icon class that was supposed to be for a different tree. Unfortunately since it was a open change to .x-tree-icon it affected all trees. I added another css class to the css selector to make it more specific and it worked fine.

Similar Threads

  1. Issue with how a tree node displays
    By RyanZec in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 5 Apr 2010, 8:00 AM
  2. Help:append node to tree issue
    By winds512tom in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 6 Mar 2010, 3:15 AM
  3. Custom TreeNodeUI to wrap and indent node text
    By jjulian in forum Community Discussion
    Replies: 1
    Last Post: 2 Mar 2010, 11:05 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •