Versões comparadas

Chave

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

Botão do modal

Função que define a característica do(s) botão(ões) em um Modal de confirmação. Se não houver nenhuma função atribuída ao botão, por padrão ele fechará o modal a que está atribuído.


Image Added

Figura 1 -  Bloco de programação Botão do modal

Compatibilidade

  • Bloco cliente: cronapi.notification.buttonConfirmDialogAlert()

Retorno

Retorna um objeto com as informações do botão.

Parâmetros

Nome

Tipo

Doc

Descrição dos parâmetros do bloco.

Botão de destaque 

Informa se o botão irá ou não receber uma cor de fundo de destaque.

  • Posição: 1
  • Inglês: Highlighted Button
  • Tipo: Texto/ String
  • Exemplo: "Sim", "Não".

Parâmetro 1

boolean

  • Caso "Sim", o botão ganhará uma cor de
destaque
  • fundo que o destaca entre os demais.

Parâmetro 2

string

Texto do botão.

Compatibilidade

Image Removed Cliente

Exemplo

Neste bloco de exemplo, um Modal de confirmação é criado e um único Botão do modal é informado na propriedade Lista de botões. É possível observar que o botão terá um destaque, seu título é "Voltar" e sua ação será de mudar o formulário. Desta forma, no exemplo, o usuário terá somente uma ação possível ao retornar.

Image Removed

Título

Título do botão.

  • Posição: 2
  • Inglês: Title
  • Tipo: Texto / String
  • Exemplo: "Fechar", "Ok", "Cadastre-se"

Ação do botão

  • Posição: 3
  • Inglês: Button action
  • Tipo: Comandos / Commands
  • Exemplo: Este campo determina uma ação que o botão executará, como por exemplo mudar de formulário, também é possível criar outros modais através dessa propriedade.

Exemplo

No exemplo da figura abaixo estamos criando um Modal de confirmação para informar ao usuário que um determinado produto foi cadastrado com sucesso.

Para adicionar mais de um botão é necessário utilizar o bloco de programação criar lista com. O parâmetro 1, Botão de destaque, está configurado como "Sim" e essa mudança em relação ao primeiro botão é visível na figura 2.1. Ao final da configuração podemos atribuir uma ação a esse botão, neste exemplo utilizamos o bloco de programação Mudar formulário nos dois botões, se nenhuma ação for atribuída ao botão, ele servirá apenas para fechar o modal.


Image Added

Figura 2 Figura 1 - Função que pode criar um Modal de confirmação


Os modais apresentam exibições diferentes de acordo com a plataforma em que são executados.

Image Removed

Na figura 2.1 apresentamos sua visualização em uma plataforma web e na figura 2.2 em uma plataforma mobile.


Image Added

Figura 2 - Modal apresentado ao usuário quando a condição for satisfeita..1 - Exemplo de modal web exibido ao rodar a função da figura 2


Image Added

Figura 2.2 - Exemplo de modal mobile exibido ao rodar a função da figura 2

Nesta página

Índice

Sobre o bloco

Botão do modal pode ser usado em conjunto com o bloco Modal de confirmação, e permite personalizar ações através do campo Ação do botão. Todos os botões fecham o modal.