Configure o layout de um painel responsivo
Você pode mudar a aparência dos widgets, mudar layouts do widget, mudar as cores do título, cabeçalho e plano de fundo do widget e mostrar ou ocultar cabeçalhos do widget.
Antes de Iniciar
Função necessária: Usuário. dashboard_admin para todos os painéis ou qualquer função para painéis que você possui ou para aqueles que você recebeu o direito de editar. Consulte Funções do painel Análise da plataforma para obter mais informações sobre como exibir e editar direitos em painéis.
Procedimento
- Navegar até Tudo > Autoatendimento > Painéis ou Tudo > Performance Analytics > Painéis.
- No seletor de painel, selecione o painel que deseja editar.
-
Clique no sinal de mais (
) para colocar o painel no modo de edição.
-
Realize qualquer uma das ações a seguir.
Ação Etapas Mostrar ou ocultar a borda, o cabeçalho e o título do widget - Aponte para o widget e clique no ícone de engrenagem (
).
- Na janela Editar widget, marque ou desmarque as caixas para mostrar ou ocultar a borda, o cabeçalho e o título.Nota:Se você ocultar o cabeçalho, aponte para o guidão na parte superior do widget para mostrar os ícones.
- Para alinhar o título, selecione À esquerda , Center , ou Certo .
Quando você oculta o cabeçalho do widget, nenhum ícone de cabeçalho fica visível, incluindo o ícone que indica que você aplicou um filtro interativo ao widget.
Não é possível mudar o título de um widget de dentro de um painel. O título é obtido da visualização na qual o widget se baseia. Edite a própria visualização para mudar o título.
Altere a cor do título do widget e a cor do cabeçalho - Aponte para o widget e clique no ícone de engrenagem (
).
- Na janela Editar widget, clique no ícone do seletor de cores (
) Para Cor do título ou Cor do cabeçalho.
- No seletor de cores, use o controle deslizante para escolher um matiz e selecione uma cor para escolhê-lo. Você também pode inserir o código hexadecimal da cor no Cor do título ou Cor do cabeçalho campo. Exclua o código hexadecimal para retornar ao título padrão ou à cor do cabeçalho.
Nota:Quando você seleciona uma cor de cabeçalho escura, os ícones no cabeçalho mudam para branco. Quando você seleciona uma cor de cabeçalho clara, os ícones no cabeçalho mudam para preto.Redimensione ou altere o layout dos widgets Arraste para mover e redimensionar widgets.- Para aumentar um widget, aponte para o cabeçalho do widget e clique no ícone de redimensionamento (
).
- Para diminuir um widget, aponte para o cabeçalho do widget e pressione SHIFT enquanto clica no ícone de redimensionamento.
Aplique uma cor de fundo do painel - Clique no ícone de configuração (
) Para abrir o painel Configuração.
- Clique no ícone do seletor de cores (
) Para Plano de fundo do painel e selecione a cor a ser usada. Use o controle deslizante para escolher um matiz e clique em uma cor para selecioná-la. Você também pode inserir o código hexadecimal da cor no campo Plano de fundo do painel. Exclua o código hexadecimal para retornar à cor de fundo padrão.
Nota:A cor de fundo se aplica a todas as guias no painel.Aplique um layout rápido a um painel - Clique no ícone de configuração (
) Para abrir o painel Configuração.
- Clique em um layout para encaixar os widgets. Redimensione ou altere o layout dos widgets conforme desejado.
Exclua um widget do painel - Clique no sinal de mais (
) para colocar o painel no modo de edição.
- Aponte para a parte superior do widget e clique no ícone X (
) que aparece.
Nota:Não há mensagem de confirmação. O widget desaparece do painel. - Aponte para o widget e clique no ícone de engrenagem (
- Opcional:
Adicione blocos de conteúdo para dividir o conteúdo do painel ou para fornecer outro conteúdo.
Em Adicione widgets Selecione Blocos de conteúdo. Para obter informações sobre blocos de conteúdo estático, consulte Configure um bloco HTML estático .