Hi!
I´m trying to apply a width to a tree component.
<p:tree styleClass="myTree" value="#{categoriaBean.root}" var="node" selectionMode="single" selection="#{categoriaBean.noSelecionado}" >
<p:ajax event="select" update=":buscaGrandezaPanel" listener="#{categoriaBean.onNodeSelect}" />
<p:treeNode>
<h:outputText value="#{node}"/>
</p:treeNode>
</p:tree>
I´ve created the following rule as described in section 9.4 of PrimeFaces User Guide.
.myTree .ui-tree {
width: 480px !important;
min-height: 480px;
}
It doesnt work, so through Firebug i´ve inspect the xhtml generated:
<div id="form2:j_idt194" class="ui-tree ui-widget ui-widget-content ui-corner-all myTree" aria-multiselectable="true" role="tree">
So i apply the following rule:
.ui-tree .ui-widget .ui-widget-content .ui-corner-all .myTree {
width: 480px !important;
min-height: 480px;
}
and
.myTree .ui-tree .ui-widget .ui-widget-content .ui-corner-all {
width: 480px !important;
min-height: 480px;
}
Both equally unlucky.
How can i style the width to this tree component?
Thanks in advance.
Width of tree component
-
- Information
-
Who is online
Users browsing this forum: No registered users and 7 guests