Skip To Content

Cabeçalho

O cabeçalho é uma área reservada ao longo da parte superior do painel que pode ser utilizado para oferecer ao seu painel uma identidade única, aplicar padrões de marca corporativa e fornecer links para conteúdo adicional. Também pode ser utilizado em painéis interativos para hospedar um ou mais seletores. Um painel pode ter somente um cabeçalho e é projetado para sempre ocupar toda a largura de um painel.

Cabeçalho
Dica:

Elementos do Rich text podem ser utilizados em todo um painel como substitutos para cabeçalhos. Eles podem ser úteis quando você não deseja um elemento que esteja em conformidade com o tamanho do cabeçalho e as restrições de posição. Por exemplo, você pode utilizar um elemento do rich text para marcar claramente diferentes seções no seu painel.

O cabeçalho pode ser um de três tamanhos. A seguinte tabela mostra as alturas destes tamanhos e as dimensões recomendadas dos logótipos para inserir estes cabeçalhos. A URL do logotipo de um cabeçalho pode apontar para um arquivo de Gráficos Vetoriais Escaláveis (.svg) . Neste caso, a imagem será automaticamente dimensionada para o tamanho do cabeçalho. Se você utilizar outros formatos de imagem, as seguintes dimensões serão sugeridas. Note que as imagens maiores que os tamanhos sugeridos serão reduzidas, mas as imagens menores que estes tamanhos não serão ampliadas.

Tamanho do cabeçalhoAltura do cabeçalho (px)Dimensão do logotipo (px)

Pequeno

32

24x24

Médio

44

32x32

Grande

62

48x48

O seguinte são dicas para utilizar URLs:

  • Se o seu painel for acessado somente através de uma conexão de HTTPS segura, utilize HTTPS: em suas referências de URL. Caso contrário, considere utilizar uma URL relativa, que não tem o esquema HTTPS: ou HTTP: especificado, como: //www.example.com/logo.png.
  • Se você não deseja utilizar a dica acima, considere aproveitar o recurso da sua organização para adicionar arquivos de imagem como itens no conteúdo da sua organização. Após adicionar o novo item, compartilhe-o como todos. Isto produzirá uma URL na página de detalhes do item da imagem que pode ser utilizada em um painel.
  • Se a URL fizer referência a um domínio diferente dos seus, o servidor que hospeda os recursos solicitados deverá suportar solicitações de CORS do seu domínio.