Criando menus de navegação

A navegação oferece um método alternativo de navegar entre pastas e grupos de pastas em um aplicativo.

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

Estilizando o menu de navegação

Com as Opções avançadas ativadas, você tem várias opções de estilo disponíveis em Aparência no painel de propriedades.

Clique em Estilo 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 ao lado de cada seção. Clique em 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.

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, clique em Estilo.

4. 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é

5. 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.

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, clique em Estilo.

4. 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.

   Nota informativa

   Para adicionar uma imagem de fundo de uma URL, a origem da URL precisa ser adicionada à lista de permissões na Content Security Policy de seu locatário. A origem deve ser adicionada com a seguinte Diretriz: img-src. Isso é feito por um administrador de locatários.

   Para obter mais informações, consulte Criando uma entrada de CSP.

   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.

5. 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.

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, clique em Estilo.

4. 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.

5. Selecione uma cor para a borda.

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

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

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

9. Selecione uma cor para a borda.

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

11. 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.

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, ative Menu gaveta.

4. Opcionalmente, selecione Mostrar ícone da gaveta.

5. 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.

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, clique em Estilo.

4. Clique em Menu.

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

6. 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

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, em Orientação, selecione Vertical ou Horizontal.

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

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

6. 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

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentaçã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

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentação, selecione Mostrar itens grandes.

Mostrando ícones de itens

Faça o seguinte:

1. Clique em Opções avançadas.

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

3. Em Aparência > Apresentaçã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 do modo de edição avançada.

Faça o seguinte:

1. Clique em Opções avançadas.

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

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