Primefaces - Dúvida p:tieredMenu

1 resposta
Marques

Colegas,

Nesse cógigo crio um menu que é renderizado conforme abaixo.
Acontece que “Bem-vindo ao Localiza” é renderizado em uma única linha - o que controlo através de style=“width: 200px”.
Porém “Cadastro de Associados” - que é um MenuItem é renderizado em duas linhas.
Pergunto: Como defino o width para os MenuItem?

Muito obrigado,

Marques

...
Submenu submenu = new Submenu();  
submenu.setLabel("Bem-vindo ao Localiza");

MenuItem item = new MenuItem();
tem = new MenuItem();
item.setValue("Cadastro de Associados");
item.setUrl("cadFilme.jsf");
item.setIcon("ui-icon-disk");
submenu.getChildren().add(item);

model.addSubmenu(submenu);
<p:tieredMenu style="width: 200px" model="#{menuBean.model}" />

1 Resposta

novellietibr

Marques, boa tarde.

Não sei se já resolveu sua dúvida. Minha dica é usar o debug do chrome/firefox (firebug) para descobrir qual é a classe do tema que está usando para alterar essa configuração.

Repare na imagem em anexo.
Na linha destacada em cinza, você tem a classe ‘ui-menuitem-link’ que define o estilo do submenu ‘Save’. Tente criar essa classe CSS no arquivo externo colocando o width que você deseja para ela e marcando com um !important na frente. Mais ou menos assim:

.ui-menuitem-link {
   width: 250px !important;
}

Se isso não der certo, tente o mesmo com as classes CSS das linhas em branco ( li class…) e da linha em azul. Acredito que alterando uma dessas três classes resolverá seu problema.

Qualquer dúvida, manda ae. Abs.


Criado 28 de agosto de 2012
Ultima resposta 28 de ago. de 2012
Respostas 1
Participantes 2