Ir para o conteúdo

Menu Suporta Objeto de Dados

Os menus suportam a capacidade de serem conduzidos por um objeto de dados. Este recurso suporta o seguinte:

  • Rótulos dinâmicos, permitindo coisas como "Bem-vindo {{Username}}"
  • Links dinâmicos, incluindo critérios de vinculação nesses links
  • Imagens dinâmicas como perfis de usuário
  • Temas condicionais
  • Regras de visibilidade que podem controlar a visibilidade dos itens do menu

Menucontrol

Como Configurar um Menu Existente com um Objeto de Dados

  1. Na camada de aplicação, vá para Action Drawer > Criar um menu
  2. Localize o Menu existente no painel Menu e clique no ícone pop-up correspondente
  3. Clique no botão Editar
  4. Selecione o objeto de dados para usar como o valor da Regra de origem
  5. Clique em Salvar

Como Configurar um Novo Menu com um Objeto de Dados

  1. Na camada de aplicação, vá para Action Drawer > Criar um menu
  2. Clique em Criar no painel Menus
  3. Atribua um Nome para o menu. Por exemplo: North Sales Menu
  4. Clique no ícone Temas de itens de menu para configurar qualquer informação de tema para o menu
  5. Selecione o objeto de dados apropriado no menu Regra de origem
  6. Clique em Salvar

Após configurar as informações acima, se você estiver usando um novo menu e não o Menu do site, também precisará configurar essas informações no Design do aplicativo:

  1. Navegue até App Builder IDE > Crie seu aplicativo
  2. Clique no ícone de engrenagem Abrir registro para o aplicativo no painel Aplicativos
  3. Clique no ícone de edição de lápis para Menu no painel Regiões
  4. Selecione o novo menu como o Controle padrão
  5. Clique em Prosseguir

Como Inserir uma Imagem no Menu

Pode haver casos de uso em que você queira exibir uma imagem dentro de um Menu. Com esse novo recurso, você pode exibir uma imagem dentro da região do Menu, e essa imagem pode ser baseada em informações armazenadas no objeto de dados ao qual você conecta o Menu. Este exemplo pressupõe que você já tenha um objeto de dados com uma Coluna que captura as informações do UUID da imagem.

Nota

As imagens podem ser armazenadas no objeto de dados como UUID, string base64 ou tipo de coluna binário com a própria imagem lá.

Menuimage

Para Localizar um UUID de Imagem Armazenada Localmente

  1. Navegue até App Builder IDE > Crie sua aparência
  2. Localize a Coleção onde você carregou a imagem para ser armazenada localmente
  3. Analise as Imagens para a coleção identificada
  4. Clique duas vezes na imagem para a qual deseja obter o valor UUID
  5. Selecione a parte do valor URL relativa que aparece a seguir /image/. Por exemplo: 50e85d87-e283-4953-983f-0bc3e18b3a7e
  6. Copie o valor para sua área de transferência
  7. O valor UUID é o que você deseja armazenar em uma coluna no objeto de dados ou regra que é referenciado no Menu

Para Adicionar uma Imagem a um Menu a Partir de um Objeto de Dados

  1. Na camada de aplicação, vá para Action Drawer > Criar um menu
  2. Localize o Menu para adicionar a imagem
  3. Clique em Criar em Itens de menu
  4. Selecione Imagem como o Tipo de Controle
  5. Atribua um Nome
  6. Clique para selecionar o Alinhamento que você está procurando. Por exemplo: Direita
  7. Em Outros tipos de controle, defina a coluna Fonte para a coluna que contém a URL da imagem. Por exemplo: Avatar
  8. Navegue de volta para a camada de interface do usuário do aplicativo, atualize seu navegador da web e verifique os resultados

Informações Adicionais

Se você deseja adicionar uma imagem de logotipo personalizada a um aplicativo, consulte Como adicionar um logotipo a um aplicativo