Os widgets são os blocos de construção dos aplicativos. Os widgets são usados para exibir informações para os usuários, coletar dados dos usuários e executar a lógica de acionamento.

Dezenas de widgets podem ser combinados em um aplicativo para configurar as etapas do aplicativo e criar uma interface de aplicativo que simplifique o seu processo.

Tipos de widgets

Widgets de botão

Um botão que exibe texto e pode acionar uma ação. O widget de botão é um widget em branco que pode ser totalmente configurado pelo usuário. Os widgets Next/Previous/Menu/Complete incluem acionadores padrão para simplificar a criação de aplicativos.

Botão - Um botão totalmente configurável que pode acionar qualquer lógicaPrévio - Vai para a última etapa em que os usuários estavam. Menu - Abre o menu onde os usuários podem mudar de aplicativo, mudar o idioma do aplicativo e fazer logoutNext - Avança para a próxima etapa do aplicativo**.Complete** - Executa a conclusão de um aplicativo armazenando o valor das variáveis do aplicativo e volta para a tela inicial do aplicativo.

Leia mais sobre widgets de botão aqui.

Widgets de entrada

Colete dados dos seus usuários com widgets de entrada. Cada widget de entrada suporta diferentes tipos de variáveis.

Leia mais sobre widgets de entrada aqui.

Widgets de texto

Exiba texto estático ou dinâmico, incluindo os valores de variáveis, texto estático simples e espaço reservado de registro inteiro.

Widgets incorporados

Incorpore vídeo, CAD, documentos e muito mais em seu aplicativo com widgets incorporados.

Leia mais sobre widgets incorporados aqui.

Widgets de câmera

Exiba o feed da câmera do Tulip Vision ou leia códigos de barras com a câmera do dispositivo com os widgets de câmera.

Leia sobre a Tulip Vision aqui.

Widgets personalizados

Quando os widgets padrão não atendem perfeitamente às suas necessidades, os widgets personalizados podem ser criados para atender a praticamente qualquer caso de uso. Combine HMTL, JavaScript e CSS para ampliar amplamente a plataforma.

Leia mais sobre widgets personalizados aqui.

Ícones

Arraste, solte e redimensione imagens vetoriais em seu aplicativo para alinhar seu aplicativo Tulip com sua marca.

Configurar widgets

Você pode configurar os widgets para melhor atender à forma e à função desejadas.

Diferentes widgets suportam diferentes opções de configuração. Essas configurações podem afetar muitos atributos diferentes dos widgets:- Fontes de dados do widget - ex.: que texto será exibido em um botão, que colunas de uma tabela serão exibidas? - Ex: Onde o valor de uma entrada deve ser armazenado, Que tabela deve ser exibida? - Estilo - Ex: Qual deve ser a cor de um botão, Um widget de texto deve ser definido como negrito ou itálico?

Para editar um widget, você deve selecioná-lo. 1. Selecione o widget que deseja configurar.2. A guia Widget é aberta no painel de contexto.

Fontes de dados do Widget

O conteúdo exibido para Widgets é diferente para vários widgets, mas o processo de mapeamento não é diferente. A configuração Datasource define a origem do conteúdo do widget. Quando você adiciona widgets pela primeira vez, suas fontes de dados não são mapeadas.

Tipo de fonte de dados é o tipo mais amplo de fonte para a qual o widget é mapeado. Os exemplos incluem variáveis, campos de registro de tabela, atributos de máquina e outros.

Fonte de dados é o atributo específico dentro desse tipo ao qual o widget é mapeado.

Mapeamento de dados

Para widgets de entrada, o datasource representará o local onde a entrada do usuário é armazenada. Para todos os outros widgets, o datasource representa a fonte dos dados que o widget exibe.

Muitos widgets estão vinculados a dados. O conteúdo dos widgets pode ser orientado por dados dinâmicos, como registros de tabela ou variáveis. Os widgets de entrada também podem ser usados para preencher dados em variáveis ou campos de registro de tabela.

Os widgets de entrada são de leitura/gravação com sua fonte de dados; as alterações na entrada alterarão o valor da fonte de dados. A maioria dos widgets é somente de leitura, o que significa que eles podem ser acionados por dados dinâmicos, mas não podem afetar diretamente o valor de sua fonte de dados.

Widgets orientados por dados

Alguns widgets podem ser preenchidos com dados dinâmicos. Na maioria dos widgets dinâmicos, a configuração da fonte de dados indica quais dados estão direcionando o estado do widget.

CorTodas aspropriedades de cor podem ser definidas de forma estática ou dinâmica com base em uma variável.

VariableOconteúdo do widget Variable pode ser vinculado ao valor de qualquer variável do aplicativo, inclusive cores. Esse widget será alterado dinamicamente à medida que a variável de origem for alterada.

Registro de tabelaOwidget de registro de tabela refletirá o valor atual de um registro inteiro ou de um campo de registro de tabela individual.

Tabela interativaOwidget de tabela interativa exibe o estado atual de uma tabela.

Estilo

Você pode editar as seguintes propriedades dos widgets depois que eles forem carregados no Tulip no Painel de Contexto, no lado direito da tela. As opções de estilo variam de acordo com o widget, mas a maioria dos widgets tem as opções listadas abaixo:

• Tamanho da fonte
• Cor da fonte
• Estilo da fonte
• Alinhamento do texto do botão
• Cor do botão
• Tamanho do botão
• Rotação
• Sombra
• Raio da borda
• Piscando

Acionadores de widgets

Diferentes widgets têm um determinado comportamento que determina a lógica do acionador.

Widgets de entradaParatodos os widgets de entrada, quando a entrada for alterada, seus acionadores serão executados.:::(Info) (NOTE)
In the case of Number and Text input widgets, Triggers will fire on users clicking [Enter]
:::
Tabela interativaQuandoum usuário seleciona uma linha, seu acionador é executado. Além disso, essa linha será carregada no espaço reservado para o registro da tabela definido na configuração do widget Linked Record. Saiba mais sobre o widget de tabela interativa aqui.

Leitura adicional

• Widgets de entrada
• Widgets incorporados
• Widgets de botão