---
sourceDocument: Yokohama Platform Analytics
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/now-intelligence

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Platform Analytics

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# Configure o layout de um painel responsivo

# Configure o layout de um painel responsivo {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura

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 os painéis que você possui ou para os quais você tem o direito de editar. Consulte [Funções do painel de Análise da plataforma](https://servicenow-prod.fluidtopics.net/N3OXDR8OhY~obqI2zK6sPg "Análise da plataforma os painéis têm poucas restrições de função. Os direitos de edição são concedidos por compartilhamento, independentemente da função.") para obter mais informações sobre como exibir e editar direitos em painéis.  
Nota:  
Os painéis dinâmicos não são compatíveis com o widget Notas autoadesivas

## Procedimento

1. Navegar até TudoAutoatendimentoPainéis ou TudoPerformance AnalyticsPainéis.
2. No seletor de painel, selecione o painel que deseja editar.
3. Clique no sinal de mais ( ![Botão de sinal de mais]()) para colocar o painel no modo de edição.
4. 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 | 1. Aponte para o widget e clique no ícone de engrenagem ( ![]()). 2. 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. 3. Para alinhar o título, selecione À esquerda , Center , ou Certo . {#configure-widget-layouts__ol_p2x_z4k_zw} 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. |
   | Mude a cor do título do widget e a cor do cabeçalho | 1. Aponte para o widget e clique no ícone de engrenagem ( ![]()). 2. Na janela Editar widget, clique no ícone do seletor de cores ( ![]()) Para Cor do título ou Cor do cabeçalho. 3. 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.{#configure-widget-layouts__li_jlr_qqx_fdb} {#configure-widget-layouts__li_jlr_qqx_fdb} {#configure-widget-layouts__ol_ydd_wsq_ddba} 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 mude 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. {#configure-widget-layouts__ul_nhz_ctr_g5} |
   | Aplique uma cor de fundo do painel | 1. Clique no ícone de configuração ( ![]()) Para abrir o painel Configuração. 2. 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. {#configure-widget-layouts__ol_lzx_2kx_fdb} Nota: A cor de fundo se aplica a todas as guias no painel. |
   | Aplique um layout rápido a um painel | 1. Clique no ícone de configuração ( ![]()) Para abrir o painel Configuração. 2. Clique em um layout para encaixar os widgets. Redimensione ou altere o layout dos widgets conforme desejado. {#configure-widget-layouts__ol_o2x_dsx_fdb} |
   | Exclua um widget do painel | 1. Clique no sinal de mais ( ![botão de sinal de mais]()) para colocar o painel no modo de edição. 2. Aponte para a parte superior do widget e clique no ícone X ( ![]()) que aparece. {#configure-widget-layouts__ol_kdr_s4k_zw} Nota: Não há mensagem de confirmação. O widget desaparece do painel. |
   |-|-|

   {#configure-widget-layouts__choicetable_gv3_q3r_g5}
5. **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](https://www.servicenow.com/docs/access?context=t_StaticHTMLBlock&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).