0 Replies Latest reply on Jul 10, 2008 2:17 PM by jsage

    Formatting issue using the RichFaces rich:tree

    jsage

      I'm using the rich:tree control to display a tree structure of folders, sub-folders, and/or reports. When the tree displays the connecting lines are indented to the left ex;

      .......|- Folder 1
      ..|........|- Report 1
      ..|
      .......| - Folder 2
      .............|- Report2

      What I'm attempting to show here is that the connecting lines between Folder 1 and Folder 2 should line up but the don't and this problem is repeated through the tree.

      Below is the tag information from the jsp:

      <rich:tree id="saveAsNode" nodeSelectListener="#{ReportTemplateSaveAsBacker.processTreeNodeSelection}" ajaxSubmitSelection="true" switchType="client" value="#{ReportTemplateSaveAsBacker.reportTemplateSaveAsData}" var="item" adviseNodeOpened="#{ReportTemplat
      eSaveAsBacker.openAllTemplateNodes}" nodeFace="#{item.type}">

      <rich:treeNode type="folder" iconLeaf="#{HomeAdvertiserBacker.advertiserClosedFolderImage}" icon="#{HomeAdvertiserBacker.advertiserOpenFolderImage}">
      <h:outputText value="#{item.name}" />
      </rich:treeNode>

      <rich:treeNode type="report" iconLeaf="#{HomeAdvertiserBacker.advertiserReportImage}" icon="#{HomeAdvertiserBacker.advertiserReportImage}">
      <h:outputText value="#{item.name}" />
      </rich:treeNode>

      <rich:treeNode type="reportTemplate" iconLeaf="#{HomeAdvertiserBacker.advertiserTemplateImage}" icon="#{HomeAdvertiserBacker.advertiserTemplateImage}">
      <h:outputText value="#{item.name}" />
      </rich:treeNode>

      <rich:treeNode type="schedule" iconLeaf="#{HomeAdvertiserBacker.advertiserScheduleImage}" icon="#{HomeAdvertiserBacker.advertiserScheduleImage}">
      <h:outputText value="#{item.name}" />
      </rich:treeNode>

      </rich:tree>


      Note: I'm using periods to keep the format. There are images next to the folders and reports and the connecting lines should connect a box with an arrow in it to expand or collapse the level that your at but the connecting lines do not match up.[/url]