3 Replies Latest reply on May 18, 2009 8:35 AM by alfred.rsa

    tree:node icon size

      Hi guys

      I am still having difficulty in changing the treenode icon size to 26x26.
      - I have changed the idth and height of .rich-tree-node-icon class.
      - I have used my own icon facet with h:graphicImage with width and height defined.

      In all the documentation I have read there is a single line stating the facet is rendered with a width of 16px but no mention of how this can be changed.

      Does anyone have any idea?

      Regards
      Alfred

        • 1. Re: tree:node icon size
          ilya_shaikovsky

           

           .dr-tree-h-ic-img{
           width: 32px;
           height: 32px;
           }
          


          works for me.

          • 2. Re: tree:node icon size

            Hi Ilya

            Thanks for your response - In a previous post: http://www.jboss.org/index.html?module=bb&op=viewtopic&t=155037 I was told that dr* classes is for internal use and that I should use rich* classes.

            Regards
            Alfred

            • 3. Re: tree:node icon size

              I also notice the when using dr-tree-h-ic-img classes I get weird behaviour when the tree is rendered. When expanding the second level on the tree the components unde the tree is oved down, but when I expand the third, fourth etc. levels the tree starts overflowing onto the components under it.

              Here is the CSS modifictions I made so far

              .orgTree .dr-tree-h-ic-div {
               margin-left: 12px;
               padding-left: 14px;
               width:26px;
               height:26px;
              }
              
              .orgTree .dr-tree-h-ic {
               width: 26px;
               padding: 0px;
               height : 26px;
              }
              .orgTree .dr-tree-h-ic-img {
               width: 26px;
               height: 26px;
              }
              
              .orgTree .dr-tree-pointer-cursor {
               width: 16px;
               height: 16px;
              }