[richfaces-issues] [JBoss JIRA] Created: (RF-2298) rich:tree facet css-customized iconCollapsed doesnt work in IE 6

[Andreas Höhmann (JIRA)]

rich:tree facet css-customized iconCollapsed doesnt work in IE 6
----------------------------------------------------------------

                 Key: RF-2298
                 URL: http://jira.jboss.com/jira/browse/RF-2298
             Project: RichFaces
          Issue Type: Bug
    Affects Versions: 3.1.4
         Environment: myfaces 1.2.2
tomahawk 1.1.6
facelets 1.1.14
            Reporter: Andreas Höhmann
            Priority: Critical


I want to customize the expanded and collapsed image via css *not* via tree-attributes ... because i don't want hardcoded image-name in my xhtml-files.
If i do this in the following way then i can expand nodes but never can collapse nodes :-) 

tree.xhtml:
<rich:tree ...
      <f:facet name="iconCollapsed">
        <t:div styleClass="TreeImgCollapsed"/>
      </f:facet>
      <f:facet name="iconExpanded">
        <t:div styleClass="TreeImgExpanded"/>
      </f:facet>
</rich:tree>

tree.css
.treeImgCollapsed {
  background-image: url(images/tree_arr_left.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.treeImgExpanded {
  background-image: url(images/tree_arr_down.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

The rendered Code works find in FF but it seems the IE can handle the nested span-div under the link ... any idea?

Here is the standard-html (no facets, no icons defined ... default rich-tree) :

<td class="dr-tree-h-ic rich-tree-node-handleicon">
  <div>
    <a id="libraryTree_form:libraryTree:1:ws:handle"  onclick="A4J.AJAX.Submit('libraryTree_region','libraryTree_form',event,{'parameters':{'libraryTree_form:libraryTree:1:wsNodeExpanded':'true','libraryTree_form:libraryTree:1:wsAjaxExpanded':true} ,'actionUrl':'/sid-base-web-app/pages/sid.jsf;jsessionid=1db69jxvuc9lg?javax.portlet.faces.DirectLink=true'} ); return false;" href="#">
       <img id="libraryTree_form:libraryTree:1:ws:handle:img:collapsed" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-collapsed" border="0" src="/sid-base-web-app/a4j_3_1_4.GAorg.richfaces.renderkit.html.images.TreePlusImage/DATB/eAH7....1Tv3GRgYACS3BY4_.jsf"/>
       <img id="libraryTree_form:libraryTree:1:ws:handle:img:expanded" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-expanded" border="0" style="display: none;" src="/sid-base-web-app/a4j_3_1_4.GAorg.richfaces.renderkit.html.images.TreeMinusImage/DATB/eAH7....1Tv3GRgYACS3BY4_.jsf"/>
     </a>
   </div>
</td>

My version :

<td class="dr-tree-h-ic rich-tree-node-handleicon">
   <div>
      <a id="libraryTree_form:libraryTree:1:ws:handle" onclick="A4J.AJAX.Submit('libraryTree_region','libraryTree_form',event,{'parameters':{'libraryTree_form:libraryTree:1:wsNodeExpanded':'true','libraryTree_form:libraryTree:1:wsAjaxExpanded':true} ,'actionUrl':'/sid-base-web-app/pages/sid.jsf;jsessionid=9gde8gwkek8c?javax.portlet.faces.DirectLink=true'} ); return false;" href="#">
         <span id="libraryTree_form:libraryTree:1:ws:handle:img:collapsed" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img dr-tree-h-ic-facets rich-tree-node-handleicon-collapsed">
           <div id="libraryTree_form:libraryTree:1:j_id187" class="treeImgCollapsed"/>
         </span>
         <span id="libraryTree_form:libraryTree:1:ws:handle:img:expanded" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img dr-tree-h-ic-facets rich-tree-node-handleicon-expanded" style="display: none;">
         </span>
      </a>
   </div>
</td>

You see the difference ... perhapse the ie have a problem with the "a-span-div"?? But why the expand works but the collapse don't?

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: http://jira.jboss.com/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira