Olá boa tarde a todos, estou com o seguinte problema, não consigo alterar os icones do meu menubar, quando eu coloco os icone padrão do PrimeFaces funciona, porém quando vou inserir qualquer outro icone, colocando o caminho correto ele não funciona. Alguém aqui poderia me ajudar.
[RESOLVIDO] JSF+ Primefaces: Mudar imagem de icone no Menu
W
5 Respostas
L
Boa tarde amigo!
Seguinte no prime tem o conceito diferente sobre imagens, ao inves de ser o arquivo de imagem é o nome da classe do css
Ex: Codigo css
.pesquisarCep {
background-image: url("#{resource['images/pesquisarCep.png']}")
!important;
}
iplementação
<p:commandButton image="pesquisarCep"/>
W
Meu xhtml:
<h:panelGrid>
<h:form>
<p:menubar model="#{menuBean.menuModel}" />
</h:form>
</h:panelGrid>
Meu CSS:
.btCadastrar {
background-image: url("#{resource['images/icon_cadastro.png']}")
!important;
}
Meu Bean:
public void montarMenu() {
menuModel = new DefaultMenuModel();
MenuRN menuRN = new MenuRN();
ContextoBean contextoBean = new ContextoBean();
List<PerfilAcesso> listPa = menuRN.listMenu(contextoBean
.getUsuarioLogado().getPerfil());
List<PerfilAcesso> itemMenu;
for (PerfilAcesso pa : listPa) {
Submenu submenu = new Submenu();
submenu.setLabel(pa.getAcesso().getDescricao());
submenu.setIcon(pa.getAcesso().getImagem());
menuModel.addSubmenu(submenu);
itemMenu = menuRN.listSubMenu(pa.getAcesso().getId_acesso());
for (PerfilAcesso s : itemMenu) {
MenuItem item = new MenuItem();
item.setValue(s.getAcesso().getDescricao());
item.setUrl(s.getAcesso().getUrl());
submenu.getChildren().add(item);
}
}
}
Já havia feito isso, mesmo assim não funcionou. No meu banco a imagem já esta setada para "btCadastrar".
J
O jsf disponibiliza um recurso muito interessante. Se você criar uma pasta chamada “resources” e colocar o seu css, imagem lá dentro, basta colocar as seguintes opção dentro da tag do primefaces. Digamos que dentro desta pasta você criou outra pasta chamado “imagens”
<p:commandButton library="imanens" name="nomeImagem.png">
W
É esses recursos eu sei usar, o negócio era que faltou colocar o tamanho dos icones. Valeu ai
J
Flw
Criado 30 de novembro de 2011
Ultima resposta 30 de nov. de 2011
Respostas 5
Participantes 3
Alura Git Flow: entenda o que é, como e quando utilizar Entenda o que é Git Flow, como funciona seu fluxo com branches como Master, Develop, Feature, Release e Hotfix, além de vantagens e desvantagens.
Casa do Codigo Desmistificando WebAssembly: Alta performance,... Por Raphael Amorim — Casa do Codigo