Primefaces - Como centralizar Dialog Framework

6 de maio de 2017 2 respostas

Doms 6 de maio de 2017

Estou criando um tela de cadastro usando primefaces. Em certo ponto do cadastro, preciso chamar um dialog para seleção de serviços. Estou utilizando o Dialog Framework do primefaces. O problema é que esse dialog nao fica centralizado na tela.

Dialog esta abrindo da seguinte forma:

correto seria:

Código que chama o dialog:

Map<String,Object> opcoes = new HashMap<>();
    opcoes.put("modal", true);                       
    RequestContext.getCurrentInstance().openDialog("selecaoServicoKit", opcoes, null);

Alguém sabe como poderia alterar o posicionamento padrão para que fique centralizado?

2 Respostas

Matheusssbraga 6 de mai. de 2017

Doms, já tentou colocar responsive=“true” como atributo do componente? Tenta ai pra ver se ele se adapta na tela.

Doms 6 de mai. de 2017

Consegui resolver o problema.

É bem simples. Para que o Dialog se ajuste na tela basta definir os valores do “width” e “height”. Definindo estes valores a tela se ajustara automaticamente e ficara centralizada.

Segue o codigo da chamada do Dialog.

Map<String, Object> options = new HashMap<>();
    options.put("modal", true);
    options.put("width", 800);
    options.put("height", 600);
    options.put("contentWidth", "100%");
    options.put("contentHeight", "100%");

    RequestContext.getCurrentInstance().openDialog("selecaoServicoKit", options, null);

Fica a dica.

Criado 6 de maio de 2017

Ultima resposta 6 de mai. de 2017

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados