I'm having a problem at the time of displaying the icons in the "tree" component. See the problem below:
Bootstrap v4
Bootstrap v3
Code: Select all
<p:tree id="menusAtivos" value="#{menusBean.menusAtivos}" var="menusAtivos" dynamic="true" selectionMode="single" droppable="true" dragdropScope="menusAtivos" animate="true" style="border: none">
<p:ajax event="select" update="frmMenusUsuarioPermissao" listener="#{menusBean.onNodeSelect}" />
<p:ajax event="dragdrop" listener="#{menusBean.onDragDropMenusUsuario}" />
<p:treeNode expandedIcon="ui-icon ui-icon-folder-open" collapsedIcon="ui-icon ui-icon-folder-collapsed">
<h:outputText value="#{msg[menusAtivos.nome]}" />
</p:treeNode>
<p:treeNode type="dashboard" expandedIcon="fa fa-home" collapsedIcon="fa fa-home">
<h:outputText value="#{msg[menusAtivos.nome]}" />
</p:treeNode>
<p:treeNode type="twebperfil" expandedIcon="fa fa-folder-open" collapsedIcon="fa fa-folder">
<h:outputText value="#{menusAtivos.nome}" />
</p:treeNode>
<p:treeNode type="twebmenu" expandedIcon="fa fa-folder-open" collapsedIcon="fa fa-folder">
<h:outputText value="#{msg[menusAtivos.nome]}" />
</p:treeNode>
</p:tree