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
Exemplo
Para o exemplo a seguir, exibiremos os modais para cada tipo de mensagem gerada, Sucesso, Aviso, Erro e Informação,
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
A visualização do modal de confirmação em projetos mobile fica um pouco diferente se comparado à exibição web, confira na figura 3.
Aplicações web abertas em um Smartphone exibirão o modal web.
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.