Dashboard do ServiceNow sem header em tela cheia

A versão era Yokohama. A interface, Polaris.

Um cliente faria uma apresentação naquele dia para stakeholders.

Ele havia criado um Dashboard no ServiceNow e queria exibí-lo numa TV Led de maneira que barra de endereço, barra dos favoritos e até mesmo o header do ServiceNow não aparecessem.

Na nossa investigação inicial verificamos a possibilidade de usar o "modo kiosk" do Chrome. A partir do prompt de comando era possível abrir o browser passando alguns parâmetros. Assim ele abriria a URL desejada em tela cheia.

O cliente gostou, mas ainda desejava inibir o header do ServiceNow ao carregar o Dashboard.

Tentamos incluir uma entrada na tabela de preferências do usuário. Sem sucesso.

Que tal uma pausa de 5 minutos para um café? Todos de acordo.

Às vezes poucos minutos longe da tela nos permitem enxergar um problema sob outro ponto de vista.

Enquanto tomava o café pensava na arquitetura Model-View-Controller.

Tudo o que o browser exibe ao usuário é sempre HTML, CSS e Javascript. Ao pensar nos fundamentos do Desenvolvimento Web enxerguei uma possível solução:

Se eu encontrar o container do header posso usar CSS para simplesmente escondê-lo!

<sn-polaris-header style="display:none">

Pontos positivos:

- É client-side e não vai afetar outros usuários;
- Pode ser feito editando o código-fonte da página com o Developer Tools, sem precisar instalar nenhum plugin.

Pontos de atenção:

- Se a sessão do usuário cair, o reload da página exibirá o header. O ideal é logar com uma conta de serviço. 

O cliente também quis habilitar o Dark Mode. Nossa orientação foi abrir uma nova aba e digitar:

chrome://flags

Após isso deve-se habilitar a opção 'Auto Dark Mode for Web Contents' e reiniciar o Chrome.

Mas e se fosse para habilitar o Dark Mode no Microsoft Edge? Abra uma nova aba e digite: 

edge://flags/#enable-force-dark

Obrigado time!

Dev team: Aline Marques da Silva / João Vitor Nunez / Carlos Camacho
Engagement Managers: Letícia Motta Ruy / Cintia Belezi