Ir para o conteúdo

Como Configurar um Menu com Abas Ou Móvel

App Builder suporta a capacidade de criar e usar um Menu com Abas ou Menu Móvel para navegação de aplicativo em dispositivos móveis. Usar um Menu com Abas ou Móvel permite que você exiba uma navegação familiar em estilo de abas para usuários móveis, o que pode fornecer uma melhor experiência de UI/UX. Este artigo percorrerá a configuração básica para criar um Menu com Abas ou Móvel em App Builder.

menu.png

Etapa 1: Crie um Menu com Guias Ou Móvel

Neste primeiro passo você criará um Tabbed ou Mobile Menu que o aplicativo usará. No segundo passo, criaremos uma associação ao menu do nosso aplicativo.

  1. Navegue até o App Workbench
  2. Clique em Menu
  3. Clique no ícone de edição lápis para a entrada Celular
  4. Clique no botão + Item de menu
  5. Atribua um Nome para a aba de navegação. Por exemplo: Home
  6. Se a aba deve vincular a uma página, defina o valor Link to Page. Por exemplo: Order Detail
  7. Revise as configurações adicionais e determine se deseja especificar o rótulo, um rótulo de dica de ferramenta, uma imagem, um ícone, etc.
  8. Clique em Salvar
  9. Clique no botão + Item de menu
  10. Configure as informações para a próxima aba e Salve. Continue até que o menu esteja completo.

Etapa 2: Associar o Menu com Guias Ou Móvel ao Aplicativo

  1. Navegue até o App Workbench
  2. Clique em Mais > Caso Extremo
  3. Clique na aba Regiões - Controles
  4. Defina o Menu Móvel como o Menu Móvel criado na Etapa 1
  5. Teste o aplicativo em um dispositivo móvel para confirmar a atualização