Como Adicionar um Logotipo a um Aplicativo¶

O documento a seguir orientará você nos princípios básicos da adição de um logotipo a um aplicativo. Isso pressupõe que você tenha um arquivo de logotipo existente disponível para trabalhar.

Carregar o Logotipo para uma Coleção¶

1. Navegue até o aplicativo Look & Feel
2. Selecione a Coleção associada ao seu aplicativo para adicionar o arquivo de logotipo. Por exemplo: Coleta de Testes
3. Clique na aba Imagens
4. Clique no botão +Imagem
5. Clique em Procurar e localize a imagem do arquivo de logotipo
6. Selecione o arquivo de imagem e clique em Abrir
7. Atribua um Nome de imagem. Por exemplo: logotipo Jitterbit
8. Clique em Salvar

Localize o UUID da Imagem do Logotipo¶

1. Navegue até o aplicativo Look & Feel
2. Selecione a Coleção onde você carregou o logotipo
3. Clique na aba Imagens
4. Localize o registro da imagem do logotipo
5. Clique no ícone Abrir registro
6. Selecione a parte do valor URL relativa que aparece a seguir /image/. Por exemplo: 50e85d87-e283-4953-983f-0bc3e18b3a7e
7. Copie o valor para sua área de transferência (este é o UUID da imagem do logotipo)

Armazene o UUID do Logotipo em uma Tabela¶

1. Navegue até App Workbench
2. Localize a tabela à qual deseja adicionar uma coluna para armazenar o ID do logotipo. Por exemplo: Parâmetro
3. Clique em Abrir registro para a tabela
4. Clique em +Coluna
5. Atribua um Nome para a coluna. Por exemplo: logotipo
6. Defina o tipo de dados lógico como ID exclusivo
7. Confirme se o tipo de dados Físico é UUID
8. Clique em Salvar
9. Clique no x para sair da tela
10. Clique no botão Resultados
11. Clique no ícone edição a lápis
12. Cole o valor UUID da imagem do logotipo no campo apropriado. Por exemplo: logotipo
13. Clique em Continuar
14. Confirme se você possui uma regra que contém o UUID do logotipo. Por exemplo: Parâmetro (Fonte)

Associe o Menu do Site a uma Regra Contendo Logotipo¶

1. Navegue até App Workbench
2. Clique em Menu
3. Clique em Abrir registro para acessar o menu principal do aplicativo
4. Clique em Editar
5. Selecione o valor Regra de origem que contém a coluna Logo. Por exemplo: Parâmetro (Fonte)
6. Clique em Salvar
7. Clique no x para sair da tela
8. Clique em + Item de menu no painel Itens de menu
9. Selecione Imagem como o valor Tipos de controle de dados
10. Atribua um Nome. Por exemplo: Jitterbit
11. Em Recursos de origem, defina Coluna de origem para mapear para a coluna que contém o UUID do logotipo. Por exemplo: logotipo
12. Clique em Salvar
13. Clique no x para sair da tela
14. Defina o alinhamento para Esquerda
15. Navegue de volta para a visualização do aplicativo e atualize o navegador
16. Confirme que agora você vê a imagem do logotipo

Exemplo de Atualizações de Tema para Ocultar o Título da Página e o Botão Voltar¶

Neste ponto você pode querer fazer alguns ajustes adicionais usando Temas. Você pode optar por ocultar o botão Voltar do aplicativo nativo e o título da página, por exemplo. Este tipo de alteração deve ser cuidadosamente considerado, pois alterações na navegação podem impactar a usabilidade de um aplicativo.

1. Navegue até o aplicativo Look & Feel
2. Selecione a Coleção à qual seu aplicativo está associado
3. Com Padrão selecionado como Tipo de Tema, clique em +Tema
4. Atribua um Nome do tema. Por exemplo: Navegação Personalizada
5. Clique em Salvar
6. Selecione Página – Barra de título no painel Componentes
7. Clique em + Estilo no painel Estilos
8. Defina a área como Título da página
9. Defina o tipo de estilo para Display
10. Defina 1 – Valor de exibição como nenhum
11. Clique em Salvar
12. Navegue de volta para a visualização do aplicativo, atualize o navegador e confirme a atualização
13. Retorne ao design do tema, clique em Criar no painel Estilos
14. Defina a área como Botão Voltar
15. Defina o tipo de estilo para Display
16. Defina 1 – Valor de exibição como nenhum
17. Clique em Salvar
18. Clique no x para sair da tela
19. Navegue de volta para a visualização do aplicativo, atualize e confirme a atualização