Como Adicionar um Logotipo a um Aplicativo

O documento a seguir o guiará pelos 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: Test Collection
3. Clique na aba Imagens
4. Clique no botão +Imagem
5. Clique em Procurar e localize a imagem do arquivo do 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é o 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 que 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 de lápis
12. Cole o valor UUID da imagem do logotipo no campo apropriado. Por exemplo: Logotipo
13. Clique em Prosseguir
14. Confirme se você tem uma regra que contém o UUID do logotipo. Por exemplo: Parâmetro (origem)

Associar o Menu do Site a uma Regra Que Contém o Logotipo

1. Navegue até o App Workbench
2. Clique em Menu
3. Clique em Abrir registro para o menu principal do aplicativo
4. Clique em Editar
5. Selecione o valor Regra de origem contendo a coluna Logotipo. Por exemplo: Parâmetro (origem)
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 como 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 desejar fazer alguns ajustes adicionais usando Temas. Você pode escolher ocultar o botão Voltar do aplicativo nativo e o título da página, por exemplo. Esse 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 como Exibir
10. Defina o 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 como Exibir
16. Defina o 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