Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: DI-2278

Esconder modal mobile

Função que esconde um modal em dispositivos mobile.

Parâmetros

NomeTipoDocParâmetro 1StringSeleciona a modal da página vinculada ao bloco de programação.

Compatibilidade

Image Removed Cliente

Exemplo

Ao executar a função da figura 1, o bloco Esconder modal mobile irá ocultar a modal que possui o identificador "changePassword".

Image Removed

Figura 1 - Bloco Exibir modal mobile

Ao clicar no botão "Fechar Modal", a função da figura 1 será executada e a modal "Mudar Senha" desaparecerá, exibindo a tela ao fundo. 

Image Removed

Figura 2 - Botão com retorno da função da figura 1 para fechar a modal

uma janela modal existente no formulário mobile referenciado, acesse o tópico "Modal" da documentação Editor de views para mais detalhes. Para a ação inversa, utilize o bloco Exibir modal mobile.


Image Added

Figura 1 - Bloco Esconder modal mobile

Compatibilidade

  • Bloco cliente (mobile): cronapi.screen.hideIonicModal()

Retorno

Bloco não possui retorno.

Parâmetros

Identificador

Identificador (id) da janela modal que será escondida. Para selecioná-lo é necessário vincular o bloco de programação a um formulário de referência, confira no tópico Propriedades do Blockly da documentação Bloco de Programação.

  • Posição: 1
  • Inglês: Identifier
  • Tipo: Objeto / Object
  • Exemplo: "modal79649"

Exemplo

A função a seguir apresenta um exemplo de uso do bloco Esconder modal mobile. Após vincular um formulário de referência nas configurações do blockly, selecionamos, no parâmetro Identificador do bloco, o identificador (id) da janela modal presente no formulário. 


Image Added

Figura 2 - Exemplo de uso do bloco Esconder modal mobile


Abaixo, podemos visualizar a janela modal informada no bloco. Essa janela será exibida no formulário vinculado ao blockly da função, por meio do bloco Exibir modal mobile, acesse a documentação deste bloco para visualizar o exemplo.


Image Added

Figura 2.1 - Seleção da janela modal no editor de views


A função da Figura 2 foi adicionada ao evento "Ao Clicar" do botão "Fechar" presente na janela modal (destaque 1 da Figura 2.1). Ao clicar neste botão, a modal apresentada na Figura 2.1 será escondida e a página principal será exibida (Figura 2.2).


Image Added

Figura 2.2 - Modal exibida após execução da função

Nesta página

Índice

Vincular formulário

Para selecionar o identificador de um componente, é necessário vincular o bloco de programação ao formulário que possui o componente.

Informações
titleMais sobre
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.