jsf 2 - PrimeFaces 5.3.5 - treeNode custom icons are invisible instead of it. There is ^ -
<p:tree value="#{userfiltersbean.objectstreemodel}" var="node" hiderootnode="true" styleclass="filterstree"> <p:treenode icon="#{node.leaficon}" styleclass="myiconssize">
it works not see custom icons. see ^. see screenshot. ^ primefaces 3.0 - how can set treenode icon programmatically backing bean?
1st approach not working
.ui-menu .ui-icon { top: .2em; left: .2em; }
2nd approach reduced size of icon , nothing happened. see ^.
.myiconssize { width:8px; height:8px; }
3rd approach works puts last icon of tree component var (var="node") each nodetree. see screenshot here
.ui-treenode .ui-treenode-content .ui-treenode-icon{ background: url("#{node.leaficon}") no-repeat top !important; }
and there generated html output.
<span class="ui-tree-toggler ui-icon ui-icon-triangle-1-e"></span> <span class="ui-treenode-icon ui-icon /images/tree-icons/18a6803865043ax59011635600000a0a0a0.png"></span> <span class="ui-treenode-label ui-corner-all" tabindex="-1" role="treeitem">property</span>
i not sure if important have font_awesome enabled in web.xml.
<context-param> <param-name>primefaces.font_awesome</param-name> <param-value>true</param-value> </context-param>
it problem @yagamilight mentioned
"the mark found "^" mean icon not accepted or path wrong , experience know treenode doesn't accept personal path own icon hope helped "
i solved 3rd approach.
Comments
Post a Comment