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.

Figura 1 - Bloco Modal de Confirmação

Após o preenchimento dos campos do bloco, o modal ficará como na figura 1.1.

Figura 1.1 - Exemplo de Modal de Confirmação web

Figura 1.2 - Exemplo de Modal de Confirmação mobile

Compatibilidade

• Bloco cliente: cronapi.notification.confirmDialogAlert()

Retorno

Bloco sem retorno.

Parâmetros

Descrição dos parâmetros do bloco.

Ícone

Define o tipo do ícone do modal, podendo ser: Erro, Sucesso, Aviso ou Informação, (destaque 1 das figuras 1.1 e 1.2).

• Posição: 1
• Inglês: icon
• Tipo: Texto / String
• Exemplo: "Sucesso"

Título

Define o título do modal, (destaque 2 das figuras 1.1 e 1.2).

• Posição: 2
• Inglês: title
• Tipo: Texto / String
• Exemplo: "Produto cadastrado com sucesso."

Subtítulo

Define o subtítulo do modal, texto abaixo do título. (destaque 3 das figuras 1.1 e 1.2).

• Posição: 3
• Inglês: subtitle
• Tipo: Texto / String
• Exemplo: "Deseja cadastra outro item?"

Lista de botões

Insere um ou mais botões no modal através do bloco Botão do modal. Para inserir vários botões, o bloco criar lista com é necessário. Também pode ser deixado vazio, neste caso o botão padrão OK será inserido, com única ação de fechar o modal. (destaque 4 das figura 1.1 e 1.2).

• Posição: 4
• Inglês: list button 
• Tipo: Objeto / Object
• Exemplo: Bloco Botão do modal ou uma lista com o mesmo bloco.

Característica do bloco

Dependendo do tipo de plataforma, o modal apresentará exibições diferentes, confira nos tópicos abaixo como é a visualização do modal para as plataformas web e mobile.

Visualização na web

A exibição dos modais web apresenta ícones diferentes para cada tipo de notificação. No exemplo abaixo exibimos modais com dois botões cada, porém, esse número poderia ser maior ou menor, dependendo da regra de negócio do usuário, o botão 2 foi configurado como botão de destaque, presente no bloco de programação Botão do modal.

Figura 2 - Imagem editada para exibir os 4 Modais de confirmação web

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.

Figura 2.1 - Imagem editada para exibir os 4 Modais de confirmação mobile

Exemplo

Para o exemplo a seguir, exibiremos um modal web informando que o usuário cadastrou um produto com sucesso.

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

O resultado da execução da função pode ser conferido logo abaixo, na figura 3.1.

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