Menubar do primefaces responsivo

5 respostas
jsfprimefaces
T

Ola,

Alguem conseguiu deixar o p:menubar do primefaces responsivo igual ao navbar do bootstrap?
O menu é horizontal e a medida que vai reduzindo a tela ele vira um botao e o menu passar a ser vertical.

[]'s
Thiago Moreno

5 Respostas

R

Olha esse exemplo deles : https://www.primefaces.org/showcase/ui/misc/responsive.xhtml
também de uma olhada em : https://www.primefaces.org/showcase/ui/panel/grid.xhtml
faça busca no google seguinte termo : primefaces grid system

T

Usei justamente esse exemplo. mas o p:menubar apenas muda de posicao quando eu comeco a reduzir a tela e continua horizonal. O navbar do bootstrap se transforma num botao que ao clicado abre o menu na vertical.

era essa funcionalidade que eu estava tentando implementar no p:menubar, inclusive tem uma solicitacao para isso no github deles.

Pelo jeito tem que fazer na mao mesmo.

O

Favor não fechar esse tópico pois a duvida não foi solucionada!

M

Atualmente (versão 6.2) o PrimeFaces não tem suporte a menubar responsivo (apenas com tema e layout pago), o melhor a se fazer é aprender CSS e JS e então fazer o seu próprio menu responsivo, ou então utilizar o navbar do BootsFaces

P

dê uma olhada, é para JSF, uso ele e funciona perfeitamente o responsivo.

https://showcase.bootsfaces.net/layout/navbars.jsf

Criado 11 de maio de 2017
Ultima resposta 18 de out. de 2018
Respostas 5
Participantes 5