Compartir a través de

Configuración de la apariencia del calendario de servicios

  • Artículo

Puede controlar la apariencia y el comportamiento del calendario de servicios de las siguientes formas:

Establecer la apariencia del bloque de tiempo

Puede controlar la apariencia y los bloques representados en el calendario de servicios. Puede controlar el color usado para representar el código de estado y el tipo de entidad proporcionados.

Cree un recurso web CSS con un nombre “AppointmentBookConfig”. En el recurso web CSS, defina las clase CSS mediante la siguiente convención de nomenclatura:

[div.ganttBlock<entitylogicalname>Status<statuscode>]

En el siguiente ejemplo se muestra cómo las clases CSS deben definirse.

div.ganttBlockserviceappointmentStatus1  
{  
    border: 1px solid #FF0000;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF0000',endColorstr='#FF0000');  
    background: -moz-linear-gradient(top,  #FF0000 0%, #FF0000 100%);  
    background: -webkit-linear-gradient(top,  #FF0000 0%,#FF0000 100%);  
    background: -ms-linear-gradient(top,  #FF0000 0%,#FF0000 100%);  
    background: linear-gradient(top,  #FF0000 0%,#FF0000 100%);  
}   
  
div.ganttBlockserviceappointmentStatus2  
{  
    border: 1px solid #00FF00;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FF00',endColorstr='#00FF00');  
    background: -moz-linear-gradient(top,  #00FF00 0%, #00FF00 100%);  
    background: -webkit-linear-gradient(top,  #00FF00 0%,#00FF00 100%);  
    background: -ms-linear-gradient(top,  #00FF00 0%,#00FF00 100%);  
    background: linear-gradient(top,  #00FF00 0%,#00FF00 100%);  
}  
  
div.ganttBlockserviceappointmentStatus3  
{  
    border: 1px solid #0000FF;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0000FF',endColorstr='#0000FF');  
    background: -moz-linear-gradient(top,  #0000FF 0%, #0000FF 100%);  
    background: -webkit-linear-gradient(top,  #0000FF 0%,#0000FF 100%);  
    background: -ms-linear-gradient(top,  #0000FF 0%,#0000FF 100%);  
    background: linear-gradient(top,  #0000FF 0%,#0000FF 100%);  
}   
  
div.ganttBlockserviceappointmentStatus4  
{  
    border: 1px solid #FFFF00;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFF00',endColorstr='#FFFF00');  
    background: -moz-linear-gradient(top,  #FFFF00 0%, #FFFF00 100%);  
    background: -webkit-linear-gradient(top,  #FFFF00 0%,#FFFF00 100%);  
    background: -ms-linear-gradient(top,  #FFFF00 0%,#FFFF00 100%);  
    background: linear-gradient(top,  #FFFF00 0%,#FFFF00 100%);  
}   
  
div.ganttBlockserviceappointmentStatus6  
{  
    border: 1px solid #FF00FF;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF00FF',endColorstr='#FF00FF');  
    background: -moz-linear-gradient(top,  #FF00FF 0%, #FF00FF 100%);  
    background: -webkit-linear-gradient(top,  #FF00FF 0%,#FF00FF 100%);  
    background: -ms-linear-gradient(top,  #FF00FF 0%,#FF00FF 100%);  
    background: linear-gradient(top,  #FF00FF 0%,#FF00FF 100%);  
}   
  
div.ganttBlockserviceappointmentStatus7  
{  
    border: 1px solid #00FFFF;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FFFF',endColorstr='#00FFFF');  
    background: -moz-linear-gradient(top,  #00FFFF 0%, #00FFFF 100%);  
    background: -webkit-linear-gradient(top,  #00FFFF 0%,#00FFFF 100%);  
    background: -ms-linear-gradient(top,  #00FFFF 0%,#00FFFF 100%);  
    background: linear-gradient(top,  #00FFFF 0%,#00FFFF 100%);  
}  
  
div.ganttBlockserviceappointmentStatus8  
{  
    border: 1px solid #7F7F7F;  
    FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F7F7F',endColorstr='#7F7F7F');  
    background: -moz-linear-gradient(top,  #7F7F7F 0%, #7F7F7F 100%);  
    background: -webkit-linear-gradient(top,  #7F7F7F 0%,#7F7F7F 100%);  
    background: -ms-linear-gradient(top,  #7F7F7F 0%,#7F7F7F 100%);  
    background: linear-gradient(top,  #7F7F7F 0%,#7F7F7F 100%);  
}

Establecer límite de desplazamiento suave

Puede especificar el límite de cuándo se usa el desplazamiento suave en función de la cantidad de bloques representados en el calendario de servicios.

Cuando el calendario de servicios representa más bloques que los indicados en el elemento SmoothScrollLimit, el comportamiento cambia del desplazamiento a pasar simplemente a la primera cita. El calendario de servicios se desplaza automáticamente a la primera cita cuando se muestra por primera vez y cuando se selecciona una fila.

Para establecer este valor, debe exportar el archivo ISV.Config como parte de una solución y buscar el elemento SmoothScrollLimit en /ImportExportXml/IsvConfig/configuration/ServiceManagement/AppointmentBook/SmoothScrollLimit.

El valor predeterminado es 2000. Debe editar el valor y volver a importar y publicar la solución para que el cambio surta efecto.

Establecer el tamaño del fragmento de validación

Puede especificar el número de citas o actividades de servicio que se pasan al servidor cada vez para buscar errores de programación en el calendario de servicios.

Para establecer este valor, debe exportar el archivo ISV.Config como parte de una solución y buscar el elemento ValidationChunkSize en /ImportExportXml/IsvConfig/configuration/ServiceManagement/AppointmentBook/ValidationChunkSize. Este elemento no se incluye en el archivo ISV.Config de forma predeterminada por lo que debe agregarlo como elemento secundario de AppointmentBook.

Exportar el archivo ISV.Config

Cuando se exporta una solución, el cuadro de diálogo Exportar solución proporciona la página de opción Exportar configuración del sistema (avanzado) . Seleccione ISV Config como opción. El elemento IsvConfig se incluye como secundario del nodo de ImportExportXml.

Vea también

Personalizar vistas de entidad
Esquema de archivo de configuración ISV
Personalizar Microsoft Dynamics 365 Customer Engagement
Crear, exportar o importar una solución no administrada
Soporte para editar el archivo de personalización
Publicar personalizaciones
Esquema de archivo de configuración ISV