Width of tree component

UI Components for JSF
Post Reply
andyramilo
Posts: 1
Joined: 03 Sep 2014, 15:12

03 Sep 2014, 15:43

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.

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 28 guests