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

Contêiner de guias

O contêiner de guias é um objeto que permite adicionar visualizações em um espaço limitado. Também é possível mostrar ou ocultar as visualizações dentro do contêiner de guias com base nas condições.

Nota informativaO contêiner de guias substitui o contêiner anterior. O contêiner está disponível no Dashboard bundle. Para obter mais informações, consulte Contêiner.

Um contêiner de guias.

Quando usar

O contêiner de guias é útil quando você deseja alternar rapidamente entre diferentes visualizações em um painel com espaço limitado. Você também pode usar um contêiner de guias para mostrar diferentes visualizações com base em:

Criando um contêiner de guias

Você pode criar um contêiner de guias na pasta que está editando.

  1. No painel de ativos, arraste um objeto de Contêiner de guias até a pasta.
  2. Clique em Add em Content no painel de propriedades.mm
  3. Selecione uma visualização mestre em Master items ou crie uma nova visualização em Charts.

    Como alternativa, é possível adicionar conteúdo ao seu contêiner de guias, arrastando as visualizações disponíveis a partir da sua pasta ou de seus Master items, diretamente no contêiner de guias.

  4. Arraste os gráficos no painel de propriedades para definir a ordem das guias.

Agora, você tem um contêiner com uma guia para cada visualização adicionada. É possível alternar entre as guias para mostrar diferentes visualizações.

Adicionando condições de exibição

Você pode adicionar condições de exibição nas guias que você criou.

  1. Clique no gráfico ao qual você deseja adicionar uma condição de exibição, Content no painel de propriedades.
  2. Adicione uma condição de exibição para o gráfico em Show condition. Normalmente, você usaria uma função If().

    Consulte if – função de script e gráfico.

  3. Adicione outra condição de exibição a um gráfico diferente.

    Agora, os gráficos serão mostrados ou ocultados, dependendo do resultado das condições que você adicionou. Se a condição de um gráfico resultar em True, ela será mostrada e, se for 0, ficará oculta.

Alterando a orientação das guias

As guias podem ser orientadas na vertical ou na horizontal.

  1. Vá para Aparência > Apresentação no painel de propriedades.

  2. Em Orientação, selecione a posição das guias no contêiner de guias.

Alterando a guia ativa padrão

Por padrão, a primeira guia é exibida quando você visualiza um contêiner de guias. Você pode alterar isso no painel de propriedades.

  1. Vá para Aparência > Apresentação no painel de propriedades.

  2. Use a lista suspensa Guia padrão para selecionar qual gráfico será exibido quando os usuários visualizarem uma pasta. A lista suspensa mostra os gráficos disponíveis na mesma ordem em que estão organizados no contêiner.

  3. Se quiser que a nova configuração da guia padrão entre em vigor, feche e reabra o navegador.

Estilizando o contêiner de guias

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.

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

  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 Guia, defina a fonte, o tamanho da fonte e a cor dos seguintes elementos de texto:

    • Rótulo: estilize os rótulos nos eixos.

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

  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.

Personalizando a borda

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

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

  3. Em Borda, defina o contorno da borda e o raio do canto.

Adicionando uma sombra

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

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

  3. Em Sobra, defina o tamanho e a cor da sombra.

Definindo a largura da guia

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

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

  3. Clique em Guias.

  4. Em Largura, defina a largura como porcentagem ou pixels.

  5. Em Mín/Máx, defina os tamanhos máximo e mínimo das guias.

Configurando a cor do indicador da guia selecionada

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

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

  3. Clique em Guias.

  4. Em Indicador, selecione para usar uma única cor ou cor por expressão.

  5. Se estiver usando uma única cor, selecione uma cor.

  6. Se estiver usando uma expressão, digite uma expressão.

Estilizando ícones

Se você ativar Mostrar ícones, poderá estilizar os ícones.

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

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

  3. Clique em Guias.

  4. Em Ícone, defina o tamanho, a cor e a posição dos ícones do gráfico.

Personalizando as cores de fundo das guias

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

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

  3. Clique em Guias.

  4. Em Cor de fundo, selecione as cores das guias, das guias selecionadas e de quando o mouse estiver passando sobre as guias. Você pode colorir por uma única cor selecionada ou por expressão.

Criando um marcador com um contêiner de guias

Por padrão, se você criar um marcador que contenha um objeto de contêiner de guias com seleções, a primeira guia ficará ativa quando o marcador for selecionado. Para salvar uma guia ativa padrão diferente para o contêiner de guias, você pode ativar Salvar layout ao criar o marcador com essa guia aberta. Se você definir esse marcador como o padrão clicando com o botão direito do mouse e selecionando Definir como marcador padrão na lista de marcadores, a pasta será aberta com as seleções e guias que estavam ativas quando o marcador foi criado.

  1. Clique em Marcador na barra de ferramentas.

  2. Clique em Criar novo marcador.

    Altere o nome e a descrição, se desejar.

  3. Se quiser que uma guia diferente da padrão seja a guia ativa, ative Salvar layout com essa guia aberta. Isso substituirá a configuração da Guia padrão no painel de propriedades.
  4. Clique em Salvar.

Limitações de exibição

  • Você não pode usar uma visualização mestre que tenha um contêiner de guias dentro de outro contêiner.
  • Você não pode adicionar a mesma visualização mestre duas vezes em um contêiner de guias.
  • Você não pode criar um gráfico dentro de um contêiner de guias soltando medidas ou dimensões no contêiner.

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 - informe-nos como podemos melhorar!