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

[Tsikhon Kuprevich (JIRA)]

     [ http://jira.jboss.com/jira/browse/RF-2298?page=all ]

Tsikhon Kuprevich closed RF-2298.
---------------------------------

    Assignee: Tsikhon Kuprevich  (was: Sergey Halipov)

> 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
>         Assigned To: Tsikhon Kuprevich
>            Priority: Minor
>             Fix For: 3.2.1
>
>
> 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