Ir para o conteúdo

Como criar um menu no Jitterbit App Builder

Os menus são a principal maneira de permitir que os usuários naveguem pelos seus aplicativos. Eles podem fornecer acesso a páginas específicas, agrupando-as e listando-as em um formato fácil de entender e usar. Alguns são configurados automaticamente quando você cria um aplicativo. Outros menus você mesmo deve configurar. Esta página descreve o processo de criação e configuração de um novo menu no App Builder.

Menus padrão

Por padrão, todo novo aplicativo tem estes menus:

  • Página Inicial é o menu padrão da página inicial do aplicativo.

  • Menu do Aplicativo é o menu definido para ser visível na barra de ferramentas do aplicativo.

  • Celular define menus que são visíveis apenas em dispositivos móveis.

Você pode criar seus próprios menus bem como alterar quais são mostrados no seu aplicativo.

Criar um menu

Para criar um menu, siga estes passos:

  1. Selecione App Workbench > Camada de IU - Menu. O painel Menus é aberto.

  2. O painel Menus lista os menus existentes no momento. O painel Diagrama de Menus ilustra a estrutura do menu selecionado, incluindo quaisquer submenus e seus itens.

  3. Clique no botão + Menu no painel Menu.

  4. Insira as seguintes informações:

    criar um menu

    1. Nome: Um nome para o novo menu. Este é o único campo obrigatório.

    2. Largura: Um valor de largura fixa para o novo menu.

    3. Temas dos Itens do Menu: Se você usar temas, escolha uma aqui para aplicar estilo aos itens do menu.

    4. Regra de Origem: Escolha uma regra de origem subjacente.

    5. Público: Habilite para permitir que o menu seja usado em outro aplicativo.

  5. Clique no botão Salvar. Agora você pode interagir com o painel Itens do Menu para adicionar itens ao seu menu recém-criado (consulte Adicionar itens do menu para saber mais).

Quando um novo aplicativo é criado, o App Builder configura automaticamente um menu chamado Página Inicial para ser o menu da página inicial e um chamado Menu do Aplicativo para ser exibido no lado direito da barra de ferramentas superior, visível em todas as páginas. Você pode alterar essas configurações de visibilidade, como selecionar seus próprios menus para preencher essas funções, seguindo estes passos:

  1. Vá para o Bancada de trabalho de aplicativos.

  2. Clique na aba Configurações do aplicativo.

  3. No painel Configurações do aplicativo, clique em Mais > Caso extremo.

  4. Selecione a aba Regiões - Controles:

    menu de aplicativos

    1. Em Menu do Aplicativo, selecione qual menu deve ficar visível no lado direito da barra de ferramentas superior. O padrão é o menu com o mesmo nome.

    2. Em Página Inicial, selecione uma página para ser a página inicial. O padrão é Home.

    3. Em Menu Móvel, selecione qual menu será visto pelos usuários em dispositivos móveis. O padrão é o menu Móvel.

    4. Em Menu do Sistema, selecione um menu para ficar visível no lado esquerdo da barra de ferramentas superior. Por padrão, não há nenhum.

      Nota

      No menu suspenso, há uma opção criada pelo sistema chamada Menu do Sistema. Quando selecionada, ela exibe ícones com algumas configurações úteis, como auditoria, perfil de usuário, idiomas e outras. No entanto, todas essas configurações também estão disponíveis no Menu de hambúrguer à direita da barra de ferramentas superior.

Adicionar itens de menu

Para adicionar itens a um menu, localize-o acessando App Workbench > Camada de IU - Menu e localize-o no painel Menus.

Depois de encontrar o menu ao qual deseja adicionar itens, você pode clicar no ícone ou clique duas vezes na linha ou no nome no painel Diagrama de Menu para ver uma análise dos itens.

O painel Itens de Menu mostrará todos os itens existentes naquele menu. Para adicionar um novo item, clique no botão + Item de Menu e a caixa de diálogo Item de Menu será aberta, contendo as seguintes abas:

  • Configurações: Nesta aba, os seguintes campos estão disponíveis:

    • Tipos de controle de menu: Selecione Item de menu se estiver adicionando uma opção a um menu ou Menu aninhado se estiver criando um novo submenu.

    • Menu pai: Selecione o menu pai do item que você está criando.

    • Posição: Insira um número para definir a ordem de exibição deste item.

    • Nome: Digite o nome do novo item.

    • Link para página: Use o menu suspenso para selecionar para qual das páginas do seu aplicativo este item deve ser vinculado.

  • Opções de Link: Nesta aba, o campo Link Externo está disponível. Use-o se desejar que o item tenha um link para um recurso externo da web. O URL inserido deve começar com https:// ou http://.

  • Opções de exibição: Nesta aba, os seguintes campos estão disponíveis:

    • Rótulo: Defina um rótulo que aparecerá no menu.

    • Rótulo da dica de ferramenta: Defina o texto da dica de ferramenta que aparecerá quando um usuário passar o mouse sobre o item.

    • Imagem: Use o menu suspenso para selecionar uma imagem para associar ao item.

    • Ícone: Use o menu suspenso para selecionar um ícone para associar ao item.

    • Visibilidade do rótulo: Selecione se o rótulo deve ser Visível ou Oculto no aplicativo.

    • Tema: Se você usar temas, escolha uma opção aqui para aplicar o estilo ao item.

    • Ativo: Esta caixa de seleção determina se o item será exibido no menu (habilitado por padrão).

Clique em Salvar para confirmar suas configurações e salvar o novo item.