Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Modal de confirmação

Exibe uma janela flutuante, com um ícone, título e subtítulo. Além disso, aceita botões na parte inferior da janela com ações programáveis.

Parâmetros

Nome

Tipo

Doc

Parâmetro 1

String

Tipo do ícone da modal.

Parâmetro 2

String

Texto com maior destaque.

Parâmetro 3

String

Texto abaixo do título, com menor destaque.

Parâmetro 4

Object

Botões criados através do bloco Botão do modal.

Compatibilidade

Cliente  Cliente (web)

Image Added Servidor

Exemplo

Para o exemplo a seguir, exibiremos os modais para cada tipo de mensagem gerada, Sucesso, Aviso, Erro e Informação,

Informações

Obs: o layout de exibição do modal varia de acordo com o skin e o tema escolhido para o  projeto.


Figura 1 - Função que cria um Modal de confirmação


A seguir, apresentaremos os modais disponíveis.


Figura 2 - Resultado da chamada da função exibindo o modal de Sucesso


Figura 2.1 - Resultado da chamada da função exibindo o modal de Aviso


Figura 2.2 - Resultado da chamada da função exibindo o modal de Erro


Figura 2.3 - Resultado da chamada da função exibindo o modal de Informação

Visualização no mobile

O bloco de programação Modal de confirmação não existe em projetos mobile, porém, é possível utilizá-lo através dos blocos de programação servidor. O visual do modal fica um pouco diferente ao executar o bloco Modal de confirmação servidor a partir de um projeto mobile, confira na figura 3.


Informações

Ao excluir um item no componente Lista Avançada, a função Modal de confirmação do servidor é executada e exibirá um modal de confirmação no formato aviso (figura 3).

Aplicações web abertas em um Smartphone exibirão o modal web.


Image Added

Figura 3 - Imagem editada para exibir os 4 Modais de confirmação Servidor em uma aplicação mobile

Sobre o bloco

O Modal de confirmação pode ser usado para interromper o fluxo do usuário e forçar uma tomada de decisão.
Os ícones disponíveis são: Erro, Sucesso, Aviso e Informação.

Parâmetro Lista de botões

Insere botões no modal através do bloco Botão do modal. Para inserir vários, o bloco criar lista com é necessário. Também pode ser deixado vazio, que irá inserir o botão padrão OK com única ação de fechar o modal.