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}" />
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.
