Página de login do Portal do Blast

Este tópico descreve como modificar elementos da página de login do console administrativo.

Nota: antes de começar, adicione quaisquer arquivos personalizados que você esteja usando para este processo ao DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom. Se você ainda não criou esta pasta, consulte Criar uma pasta para imagens de identidade visual do Portal do Blast.

Cor do logotipo

Para alterar a cor do logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos do locatário na organização:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é BRANDING_RESOURCE_PATH/horizon.png.

.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon.png) no-repeat;
margin-bottom: 32px;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

Tamanho do logotipo

Para alterar o tamanho do logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos do locatário na organização:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é BRANDING_RESOURCE_PATH/horizon_2x.png.

.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon_2x.png) no-repeat;
margin-bottom: 32px;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

Botão Login

Para modificar o botão, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos do locatário na organização:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é red.

ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

Rodapé da página de login

Para modificar o logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos do locatário na organização:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edite a seção BRANDING_RESOURCE_PATH do arquivo.

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.