Increase the menubutton box

Question

Increase the menubutton box

Navigation

#1 by (1 votes)

1

As you can see in the image, the last line has popped the box border, where can I increase the width of the box?

Thecodeisasfollows:

<p:menuButtonid="documentos" value="#{messages['estada.modal.documentos']}" >
<p:menuitem>
                            <p:commandLink value="#{messages['estada.modal.emissao.relatorio.consolidado.programacao']}" id="relConsolidadeProgramacao"  
                                    style="text-decoration:none; margin-left:8px; padding-right:5px" immediate="true" process="@this" update="@form" oncomplete="emissaoRelatorio.show();">
                                <f:setPropertyActionListener target="#{useCaseScope.idEstada}" value="#{row.id}"/>
                                <f:setPropertyActionListener target="#{useCaseScope.estadaNavioIdentificador}" value="#{row.identificador}"/>
                                <f:setPropertyActionListener target="#{useCaseScope.tipoRelatorio}" value="RC"/>
                                <f:setPropertyActionListener target="#{useCaseScope.exibirUnidadeMedida}" value="true"/>
                            </p:commandLink>
                        </p:menuitem>
                    </p:menuButton>

jsf primefaces

asked by anonymous 06.01.2016 / 16:33

1 answer

How do I extend a DIV to the end of the screen? How to display total records in a ManyToMany relationship when I use HAVING?

score 1 · Accepted Answer

You can increase with css I believe the commands you can check in this site or you can view this #

These links are the css that the primefaces uses in their previous versions, the first is on the menuitem and the second on the button menu, in this case you could set the css to implement what you want.

For example, primefaces uses:

.ui-menubutton {
     display:inline-block;
     padding:0;
}
.ui-menubutton .ui-button {
     margin:0;
}