Ir para conteúdo principal Pular para conteúdo complementar

Menu de navegação

O menu de navegação inclui opções de navegação em sua pasta.

video thumbnail

Os usuários podem navegar entre as pastas no painel de ativos. Você também pode adicionar um menu de navegação de pasta para permitir que os usuários naveguem diretamente nas pastas, sem precisar abrir o painel de ativos.

Por padrão, o menu de navegação exibe todas as pastas e grupos públicos em um aplicativo.

Menu de navegação

Menu de navegação em uma pasta, mostrando duas pastas e um grupo.

Você pode optar por fazer com que o menu de navegação abra um menu gaveta sobre o aplicativo. Quando isso é selecionado, o menu de navegação se torna um ícone (Ícone do menu).

Menu de navegação em gaveta

Menu de navegação com estilo de gaveta.
Nota informativa

O menu de navegação só pode ser adicionado no modo de edição avançada.

Quando usar

O menu de navegação é útil quando você deseja fornecer um método alternativo de navegação em pastas em um aplicativo.

Criando menus de navegação

Você pode formatar e colorir o texto no menu. A imagem de fundo tem opções de dimensionamento e posicionamento.

  • No painel de ativos, arraste um menu de navegação para a pasta.

Estilizando o menu de navegação

Você tem várias opções de estilo disponíveis em Aparência no painel de propriedades.

Clique em PaletaEstilo em Aparência > Apresentação para personalizar ainda mais o estilo do gráfico. O painel de estilo contém várias seções nas guias Geral e Gráfico.

Você pode redefinir seus estilos clicando em Redefinir ao lado de cada seção. Clique em Redefinir Redefinir tudo para redefinir os estilos de todas as guias disponíveis no painel de guias.

Para obter informações gerais sobre o estilo de uma visualização individual, consulte Aplicando estilo personalizado a uma visualização.

Personalizando o texto

Você pode definir o texto do título, subtítulo e nota de rodapé em Aparência > Geral. Para ocultar esses elementos, desative Mostrar títulos.

A visibilidade dos diferentes rótulos no gráfico depende das configurações específicas do gráfico e das opções de exibição do rótulo. Esses podem ser configurados no painel de propriedades.

Você pode estilizar o texto que aparece no gráfico.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral, defina a fonte, o estilo de ênfase, o tamanho da fonte e a cor dos seguintes elementos de texto:

    • Título

    • Subtítulo

    • Nota de rodapé

  4. Na guia Menu, defina a fonte, o tamanho da fonte e a cor dos seguintes elementos de texto:

    • Rótulos: estilize os rótulos dos itens individuais (e seus ícones, se forem usados).

Personalizando o plano de fundo

Você pode personalizar o plano de fundo do gráfico. O plano de fundo pode ser definido por cor e imagem.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral do painel de estilo, você pode selecionar uma cor de fundo (cor única ou expressão). Você também pode definir o plano de fundo como uma imagem da sua biblioteca de mídia ou de uma URL.

    Ao usar uma cor de fundo, use o controle deslizante para ajustar a opacidade do fundo.

    Ao usar uma imagem de fundo, você pode ajustar o tamanho e a posição da imagem.

  4. Na guia Menu do painel de estilo, selecione uma cor padrão para os itens do menu, uma cor de destaque e uma cor de foco.

Personalizando a borda e a sombra

Você pode personalizar a borda e a sombra do gráfico.

Nota de dicaSe a configuração Separar itens estiver ativada, a borda e a sombra serão aplicadas a cada item de menu, e não a todo o gráfico. Para obter informações sobre Separar itens, consulte Separando itens em menus de navegação.
  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral do painel de estilo, em Borda, ajuste o tamanho do Contorno para aumentar ou diminuir as linhas da borda ao redor do gráfico.

  4. Selecione uma cor para a borda.

  5. Ajuste o Raio do canto para controlar o arredondamento da borda.

  6. Em Sobra na guia Geral, selecione um tamanho e uma cor para a sombra. Selecione Nenhum para remover a sombra.

  7. Na guia menu, em Borda, ajuste o tamanho do Contorno para aumentar ou diminuir as linhas da borda ao redor do gráfico.

  8. Selecione uma cor para a borda.

  9. Ajuste o Raio do canto para controlar o arredondamento da borda.

  10. Em Sobra na guia Menu, selecione um tamanho e uma cor para a sombra. Selecione Nenhum para remover a sombra.

Configurando menus de navegação como menus gavetas

Você pode transformar seu menu de navegação em um menu gaveta. Quando definido como um menu de gaveta, o menu de navegação atua como um botão que abre um menu sobre todas as pastas de listagem do aplicativo. Opcionalmente, você pode incluir um ícone de menu () no menu de navegação.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, ative Menu gaveta.

  3. Opcionalmente, selecione Mostrar ícone da gaveta.

  4. Ajuste a Posição do painel da gaveta para configurar se o painel abre no lado esquerdo ou direito da página.

Estilos de menus gavetas

Você pode estilizar o botão e o painel da gaveta.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em Paleta Estilo.

  3. Clique em Menu.

  4. No botão Gaveta, opcionalmente personalize as cores e adicione uma imagem de fundo.

  5. Em Painel gaveta, opcionalmente, o cliente pode escolher a cor e a imagem de fundo usadas por esse painel.

Configurando a orientação e o layout

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, em Orientação, selecione Vertical ou Horizontal.

  3. Em Layout, selecione Preenchimento ou Mínimo.

  4. Em Posição, selecione a posição dos itens de menu no menu de navegação.

  5. Se você selecionou Horizontal ou Mínimo, opcionalmente selecione Mesma largura de item para fazer com que todas as guias tenham o mesmo tamanho.

Separando itens em menus de navegação

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, ative Separar itens.

Com a configuração Separar itens desativada, escolha se deseja mostrar um divisor entre os itens com Usar divisor. Ao usar um divisor, você pode definir sua cor.

Mostrando itens grandes

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, selecione Mostrar itens grandes.

Mostrando ícones de itens

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, selecione Mostrar ícones de itens.

Ativando o menu flutuante

O menu flutuante é desativado por padrão nos menus de navegação. Você pode ativá-lo no painel de propriedades.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em Aparência > Geral, selecione Mostrar menu flutuante.

Trabalhando com expressões de títulos de pastas

O menu de navegação pode exibir nomes de pastas inseridos usando uma expressão de título de pasta. A ordem de prioridade é a seguinte:

  • Se uma Expressão de título for aplicada à pasta, o menu de navegação exibirá a saída dessa expressão.

  • Se não houver uma Expressão de título aplicada à pasta, o menu de navegação exibirá o Título da pasta.

Para obter mais informações sobre títulos de pastas e expressões de títulos, consulte Estruturando um aplicativo usando pastas.

Esta página ajudou?

Se você encontrar algum problema com esta página ou seu conteúdo – um erro de digitação, uma etapa ausente ou um erro técnico – avise-nos!