Exibir modal mobile

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

Parâmetros

Compatibilidade

Image Removed Cliente

Exemplo

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

Image RemovedFigura 1 - Bloco Exibir modal mobile

Ao clicar no botão "Mudar Senha" da Tela, a função da figura 1 será executada e a modal "Mudar Senha" será exibida. 

Image Removed

Figura 2 - Modal aberta após clicar no botão com a função da figura 1

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 Esconder modal mobile.

Image Added

Figura 1 - Bloco Exibir modal mobile

Compatibilidade

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

Retorno

Bloco não possui retorno.

Parâmetros

Identificador

Identificador (id) da janela modal que será exibida. 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 Exibir 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 Exibir modal mobile

Abaixo, podemos visualizar a seleção da janela modal informada no bloco. Para criar uma janela modal, basta clicar no botão "Adicionar" (destaque 1 da Figura 2.1) na parte superior do Editor de views. 

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 "Mudar senha" presente no formulário vinculado ao blockly da função (destaque 2 da Figura 2.1). Ao clicar neste botão, a modal apresentada na Figura 2.2 é exibida.

Image Added

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