En este tema se describe cómo modificar elementos de las páginas Actividad y Notificación.
Botón Cancelar tarea
Para modificar el botón, edite el archivo
stylesForCustomBranding.css en los dos dispositivos del arrendatario de la organización:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css
Edite la sección de código adecuada para que sea similar a la del siguiente ejemplo, quite la marca de comentario de las líneas que contienen
border-color,
background-color y
color y cambie los valores de color.
#zedd-content .modal-footer .btn {
border-color: blue !important;
background-color: green !important;
color: black !important; }
Las siguientes imágenes muestran un ejemplo de la apariencia de la página cuando el código se ha editado como se mostró anteriormente.
| ANTES | DESPUÉS |
|---|---|
 |
 |
Icono de ordenación
Para modificar el icono de ordenación, edite el archivo
stylesForCustomBranding.css en los dos dispositivos del arrendatario de la organización:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css
Edite la sección de código adecuada para que sea similar a la del siguiente ejemplo, quite la marca de comentario de la línea que contiene
color y cambie el valor de color.
#zedd-content .datagrid-column-title .sort-icon {
color: orange !important; }
Las siguientes imágenes muestran un ejemplo de la apariencia de la página cuando el código se ha editado como se mostró anteriormente.
| ANTES | DESPUÉS |
|---|---|
 |
 |
Pestaña activa
Para modificar el aspecto de la pestaña activa, edite el archivo
stylesForCustomBranding.css en los dos dispositivos del arrendatario de la organización:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css
Edite la sección de código adecuada para que sea similar a la del siguiente ejemplo, quite la marca de comentario de las líneas que contienen
background,
box-shadow y
-webkit-box-shadow y cambie los valores de color.
#zedd-content .nav .nav-link {
background: pink !important;
box-shadow: 0 -3px 0 red inset !important;
-webkit-box-shadow: 0 -3px 0 red inset !important;
Las siguientes imágenes muestran un ejemplo de la apariencia de la página cuando el código se ha editado como se mostró anteriormente.
| ANTES | DESPUÉS |
|---|---|
 |
 |
Casillas de verificación
Para modificar las casillas de verificación, edite el archivo
stylesForCustomBranding.css en los dos dispositivos del arrendatario de la organización:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css
Edite la sección de código adecuada para que sea similar a la del siguiente ejemplo, quite la marca de comentario de la línea que contiene
background y cambie el valor para el color.
.clr-checkbox-wrapper input[type=checkbox]:checked + label::before {
background: red !important;
Las siguientes imágenes muestran un ejemplo de la apariencia de la página cuando el código se ha editado como se mostró anteriormente.
| ANTES | DESPUÉS |
|---|---|
 |
 |
Fondo de página
Para modificar el fondo, edite el archivo
stylesForCustomBranding.css en los dos dispositivos del arrendatario de la organización:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css
Edite la sección de código adecuada para que sea similar a la del siguiente ejemplo, quite la marca de comentario de la línea que contiene
background y cambie el valor para el color.
#zedd-content {
/*! Activity and Notification (all clarity pages) Background */
.main-container {
background: red !important;
}
Las siguientes imágenes muestran un ejemplo de la apariencia de la página cuando el código se ha editado como se mostró anteriormente.
| ANTES | DESPUÉS |
|---|---|
 |
 |
