Tipos de controle no Jitterbit App Builder
Controles são conjuntos definidos de dados que são exibidos em um Painel no App Builder, e o Tipo de Controle determina como os dados serão exibidos e, mais especificamente, como eles se parecerão. Embora a maioria dos Tipos de Controle exija a seleção de um objeto de dados, alguns não exigem. As diferentes opções para um Tipo de Controle são as seguintes:
| Nome | Descrição |
|---|---|
| Autocomplete | Ao editar um campo, uma lista suspensa com outras entradas na coluna aparecerá. Se um objeto de dados específico for usado para a lista, ele pode ser especificado selecionando-o no menu suspenso Agrupar Por; caso contrário, o controle será definido como itens na coluna. Existem três opções de filtro para a lista:
|
| Botão | Botões podem ser usados para acionar um evento, para vincular a uma nova página dentro da aplicação ou para vincular a uma URL externa. |
| Grupo de Botões | Um elemento de controle gráfico em abas que permite ao usuário escolher apenas uma de um conjunto predefinido de opções. Semelhante ao Tipo de Controle de Rádio. Este tipo de Controle requer uma fonte para extrair os valores de Chave e Título. Veja abaixo para mais informações sobre o Tipo de Controle Grupo de Botões. |
| Checkbox | Exibe um campo de caixa de seleção. A caixa de seleção está vinculada a uma coluna de fonte de dados Booleano/Bit. A caixa de seleção será preenchida se o valor for 1/verdadeiro e vazia se for 0/falso. Se a opção Inverter estiver habilitada, a caixa de seleção estará vazia se o valor for 1/verdadeiro e preenchida se for 0/falso. Colunas Booleanas geralmente são configuradas para não permitir nulos e têm como padrão 0. |
| Seletor de Cores | Exibe uma caixa com a cor apropriada de um determinado código de cor hexadecimal. Por exemplo, uma coluna de tabela com o código hexadecimal #000000 exibirá uma caixa preta. Quando uma linha do seletor de cores é editada, uma roda de cores será aberta. |
| Data | Ao criar um controle de Data, os usuários podem escolher se o controle exibe a data, a hora ou ambos. A opção padrão é Detectar, que determinará o subtipo de controle com base no tipo de dados lógico da coluna de dados. Quando um controle de Data é editado em uma aplicação, um calendário aparecerá e permitirá que os usuários selecionem uma data. Para controles de Data com hora e data habilitadas, clicar no ícone de Hora abrirá um relógio. |
| Controle Dinâmico | Um Controle Dinâmico pode mudar seu tipo com base nos dados que recebe. Isso é especialmente útil para formulários que usam múltiplos tipos de entrada. Tipos de Controle compatíveis com Controle Dinâmico:
|
| Incorporar | Incorpora um arquivo de uma URL que está em uma coluna de tabela (pode ser um objeto binário/Painel de Linha Única). |
| Arquivo | Permite que um arquivo seja enviado. A Coluna do Objeto de Dados sobre a qual um tipo de controle de Arquivo é construído precisa ser binária para que esse tipo de controle funcione corretamente. Para referência, veja o Tutorial de Contêiner de Arquivo Genérico. |
| Grupo | Selecionar Grupo permite ao usuário criar um grupo para o painel, onde os Controles selecionados podem ser colocados em agrupamentos lógicos. |
| HTML | O tipo de controle HTML possui uma série de modelos que podem ser usados para completar várias tarefas. Por exemplo, o modelo de Painel Centralizado criará uma página que permite ao usuário inserir uma imagem e escrever uma breve descrição. O Painel de Imagem Completa insere uma imagem da tabela usando codificação HTML. O modelo do Google Maps pega um endereço na tabela de dados e o exibe de uma das duas maneiras: por visualização de mapa ou por visualização de rua. Valores de mapa também podem ser usados para exibir uma visualização de rua do Google. O LinkedIn permite vincular a um perfil do LinkedIn. |
| Ícone | Seleciona uma imagem a ser exibida ao lado de outros controles no painel. |
| Imagem | Exibe uma imagem do banco de dados do App Builder. Pode ser formatada como 'ícone' ou 'foto' no Propósito da Imagem, dependendo da saída desejada. |
| Linha | Exibe uma linha horizontal fina quando adicionada a um painel. O Tipo de Controle Linha é projetado principalmente para uso em um Painel de Linha Única no App Builder. O valor de Largura para o Tipo de Controle Linha define quão larga, horizontalmente, a linha é exibida na tela. Se você deixar a Largura nula ou em branco (mas não 0), a linha ocupará 100% do espaço alocado. Se você fornecer um valor numérico de Largura, como 25, ela ocupará 25 "Zudy's" do espaço alocado. |
| Lista | Permite que um usuário selecione a partir de uma lista de valores válidos. O Objeto de Dados de Origem é a tabela ou objeto de negócios que contém os valores necessários para a lista suspensa, bem como tanto a Chave quanto o Título necessários para o Controle. |
| Numérico | Exibe números. |
| Senha | Criptografa o texto mudando o texto para pontos. |
| Barra de Progresso | Insere uma barra de progresso, que pode ser usada para ilustrar visualmente o progresso em uma tarefa ou processo. A visibilidade de um status de sistema ou processo é importante para os usuários em um bom design de UI/UX, pois fornece feedback sobre o que está acontecendo. Veja abaixo para mais informações sobre o Tipo de Controle Barra de Progresso. |
| Rádio | Um elemento de controle gráfico que permite ao usuário escolher apenas uma de um conjunto predefinido de opções. Este tipo de Controle requer uma fonte para extrair os valores de Chave e Título, e está disponível para Painéis de Quadro, Painéis de Faixa e tipos de Painel padrão. |
| Espaço | Insere espaço visual em branco, sem precisar fazer isso em HTML. Este recurso é projetado principalmente para uso em um Painel de Linha Única no App Builder. |
| Texto | Exibe texto. Este texto também pode ser usado para acionar um evento: excluir ou salvar, vincular a uma nova página dentro da aplicação ou vincular a uma URL externa. |
| Área de Texto | Exibe texto em um contêiner de tamanho maior e permite quebras de linha. |
| Tags | Permite que um usuário selecione um ou mais valores de uma lista de valores válidos. Os valores selecionados são armazenados em uma única coluna de texto no banco de dados como uma lista delimitada por vírgulas. O objeto de dados de origem fornece os valores de chave e título para as tags disponíveis. Veja Tags para detalhes e limitações conhecidas. |
| Modelo | Tipo de Controle que possui uma série de Modelos diferentes que podem ser usados para realizar várias tarefas, incluindo HTML e JSON. |
O Edge Case > Sort Column permite que um usuário classifique os dados em qualquer controle em uma coluna diferente da sua coluna de origem.
Barra de progresso
Um Tipo de Controle de Barra de Progresso pode ser usado para indicar visualmente a um usuário do App Builder o quão avançado ele está em um processo, ou o progresso ou a completude em uma tarefa específica. Por exemplo, você pode querer exibir uma Barra de Progresso para indicar quão completas estão as informações que você está tentando capturar atualmente. A porcentagem preenchida em uma determinada Barra de Progresso depende da necessidade de um valor do banco de dados que esteja entre 0 e 1, onde 1 = 100% (0,4 seria exibido como 40%).
A Barra de Progresso suporta os seguintes Subtipos:
- Empilhada = exibe o rótulo e o valor percentual abaixo da barra
- Barra normal = exibe a porcentagem dentro da barra
Você pode formatar a maneira como o texto aparece na Barra de Progresso usando a String de Formato (disponível no Edge Case), e pode personalizar ainda mais o controle usando Estilos.
Grupo de botões
O Tipo de Controle de Grupo de Botões obtém dados como os Controles de Rádio fazem hoje, mas produz botões que podem ser clicados para definir o valor correspondente. Eles suportarão o Modo Excel e aparecerão como botões se o fizerem (semelhante a como as caixas de seleção salvam automaticamente o valor quando clicadas se você usar o Modo Excel). Alguns estilos são controlados por Temas que você pode aplicar ao campo.
Tags
O controle Tags permite que os usuários selecionem um ou mais valores de uma lista de valores válidos. Os valores selecionados são armazenados juntos em uma única coluna de texto no banco de dados como uma lista delimitada por vírgulas (por exemplo, TagA,TagB,TagC). Assim como o controle Lista, o controle Tags requer um objeto de dados de origem que forneça os valores de chave e título para as tags disponíveis.
O controle Tags aparece no grupo Edge Case na lista de tipos de controle.
Limitações conhecidas
- Filtragem não é suportada. Campos de Tags não podem ser adicionados a um painel de filtro.
- Links não são suportados. Nem links estáticos nem links dinâmicos podem ser configurados no controle de Tags.
- Vínculos de recuperação não estão disponíveis. Vínculos de recuperação não se aplicam a controles de seleção múltipla e não são exibidos nas propriedades do controle de Tags.