Skip to main content

13 de diciembre de 2024

Página de inicio de sesión del portal de Blast

En este tema se describe cómo modificar elementos de la página de inicio de sesión de la consola de administración.

Nota: Antes de comenzar, agregue los archivos personalizados que utilice para este proceso a DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom. Si aún no ha creado esta carpeta, consulte la sección Crear una carpeta para las imágenes de personalización de marca del portal de Blast.

Color del logotipo

Para cambiar el color del logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del inquilino de la organización:

$> /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 la sección de este archivo que se muestra a continuación (se editó el texto 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;
}

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTESDESPUÉS
 Ejemplo de página antes de la personalización de marca Ejemplo de página después de la personalización de marca

Tamaño del logotipo

Para cambiar el tamaño del logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del inquilino de la organización:

$> /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 la sección de este archivo que se muestra a continuación (se editó el texto 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;
}

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTESDESPUÉS
 Ejemplo de página antes de la personalización de marca Ejemplo de página después de la personalización de marca

Botón Iniciar sesión

Para modificar el botón, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del inquilino de la organización:

$> /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 la sección de este archivo que se muestra a continuación (se editó el texto red).

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

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTESDESPUÉS
 Ejemplo de página antes de la personalización de marca Ejemplo de página después de la personalización de marca

Pie de la página de inicio de sesión

Para modificar el logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del inquilino de la organización:

$> /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 la sección BRANDING_RESOURCE_PATH del archivo.

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTESDESPUÉS
 Ejemplo de página antes de la personalización de marca Ejemplo de página después de la personalización de marca

¿Le resultó útil esta página?

Enviar comentarios sobre este tema

¿Le resultó útil este tema?

No incluya información personal ni confidencial.

Generando el enlace…