Botões Widgets
  • 29 Mar 2023
  • 2 Minutos para Ler
  • Contribuintes

Botões Widgets


Article Summary

Como usar os botões nos aplicativos

Os Botões Widgets são uma das principais maneiras de criar Gatilhos em seus aplicativos.

Para adicionar um botão em um determinado passo, abra o passo no Tulip App Editor e clique em "Botões" a partir da Barra de Ferramentas.

Há cinco opções para adicionar botões. Quatro deles têm uma lógica pré-definida associada a eles.

  • Botão: Esta é a única opção sem lógica pré-definida. Para fazer um botão personalizado, selecione "Botão" e siga este guia para adicionar lógica personalizada.
  • Anterior: O botão "Anterior" leva o operador ao último passo em que eles estavam.
  • Menu: O botão "Menu" abre o menu onde o operador pode adicionar comentários, pausar, reiniciar ou trocar o aplicativo que está usando. O operador pode sair do Tulip Player ou até mesmo mudar o idioma em execução no Tulip Player a partir daqui.
  • A seguir: O botão Next leva o operador para o próximo passo no fluxo do aplicativo.
  • [Complete:](https://support.tulip.co/docs/how-to-complete-an-app O botão "Complete" completa o aplicativo** que o operador está executando.

Como adicionar um gatilho personalizado a um botão

Com os disparadores de botões, você pode executar ações e transições específicas quando um botão é pressionado dentro de um aplicativo.

Nota: Os widgets dos botões não podem ser inseridos em uma etapa do formulário.

Veja aqui como adicionar um Trigger a um botão.

1- Insira um novo botão widget em seu aplicativo clicando no menu suspenso "Botões" da barra de ferramentas e escolhendo o tipo de botão que você gostaria de usar.

Neste exemplo, criaremos um botão personalizado usando a primeira opção, "Botão".

2- Selecione o novo botão e pressione o ícone de mais ao lado de "Triggers" no Painel de Contexto.

{altura=""" largura=""}

3- Agora você deve ver o Editor do Trigger.

Dê um nome ao gatilho clicando no título no Editor de Gatilho.

{altura=""" largura=""}

4- Em seguida, você pode definir uma condição IF - você pode deixar esta linha em branco ou adicionar uma condição baseada em sua necessidade.

{altura=""" largura=""}

Você pode adicionar uma condição ou múltiplas condições através do botão "Adicionar nova condição".

Você pode selecionar "todas" ou "qualquer" condição do menu suspenso para permitir múltiplas condições lógicas.

5- Definir uma ação**(THEN**) - selecione uma das ações a partir do menu suspenso. Neste exemplo, enviaremos um alerta por SMS a um administrador da Tulip.

Adicione uma ação pressionando o botão "Adicionar nova ação" na seção "Então".

Selecione "Enviar SMS" no menu suspenso.

Selecione para quem você gostaria de enviar o SMS a partir do menu suspenso "para".

Favor observar que somente administradores que tenham verificado seu número de telefone estarão disponíveis neste menu.

Selecione o tipo de mensagem a partir do menu suspenso de mensagens. As três opções são:

  • Expressão,
  • Valor estático,
  • App Info.

Caso você queira enviar um texto, selecione Valor Estático e digite o texto que deseja enviar na caixa de texto.

6 (opcional)- Adicione uma Transição para que você possa completar o aplicativo ou ir para o próximo passo.

{altura=""" largura=""}

Botões de Estilo

Você pode editar as seguintes propriedades dos botões após serem carregados na Tulip no Painel de Contexto, no lado direito da tela:

  • Tamanho da fonte
  • Cor da fonte
  • Estilo da fonte
  • Botão Alinhamento de texto
  • Cor do botão
  • Tamanho
  • Rotação
  • Sombra de gota
  • Raio Fronteiriço
  • Piscando

Leitura adicional

  • [Como copiar widgets entre aplicativos](https://support.tulip.co/docs/how-to-copypaste-content-within-apps-and-between-apps

Você encontrou o que estava procurando?

Você também pode ir ao community.tulip.co para postar sua pergunta ou ver se outros enfrentaram uma pergunta semelhante!


Este artigo foi útil?