Configuration de l’apparence du calendrier de service

  • Article

Vous pouvez contrôler l’apparence et le comportement du calendrier de service des manières suivantes :

Définir l’aspect de bloc de temps

Vous pouvez contrôler l’apparence des blocs rendus dans le calendrier de service. Vous pouvez contrôler la couleur utilisée pour afficher le type d’entité et le code de statut fournis.

Créez une ressource web CSS avec le nom complet « AppointmentBookConfig ». Dans la ressource web CSS, définissez les classe CSS à l’aide de la convention d’appellation suivante :

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

L’exemple ci-dessous indique la façon dont les classe CSS doivent être définies.

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%);  
}

Définir une limite de défilement en douceur

Vous pouvez spécifier la limite lorsque le défilement doux est utilisé en fonction du nombre de blocs affichés dans le calendrier de service.

Lorsque le calendrier de service affiche plus de blocs qu’affichés dans l’élément SmoothScrollLimit, le comportement passe du défilement à l’accès direct au premier rendez-vous. Le calendrier de service défile automatiquement au premier rendez-vous lors du premier affichage et quand une ligne est activée.

Pour définir cette valeur, vous devez exporter le fichier ISV.Config dans le cadre d’une solution et accéder à l’élément SmoothScrollLimit dans /ImportExportXml/IsvConfig/configuration/ServiceManagement/AppointmentBook/SmoothScrollLimit.

La valeur par défaut est 2000. Vous devez modifier la valeur, puis réimporter et publier la solution avant que la modification ne devienne effective.

Définir la taille de segment de validation

Vous pouvez spécifier le nombre de rendez-vous ou d’activités de service qui sont passés au serveur simultanément pour rechercher les erreurs de planification dans le calendrier de service.

Pour définir cette valeur, vous devez exporter le fichier ISV.Config dans le cadre d’une solution et accéder à l’élément ValidationChunkSize dans /ImportExportXml/IsvConfig/configuration/ServiceManagement/AppointmentBook/ValidationChunkSize. Cet élément n’est pas inclus dans le fichier ISV.Config par défaut, donc vous devez l’ajouter en tant qu’enfant de l’élément AppointmentBook.

Exporter le fichier ISV.Config

Lorsque vous exportez une solution, la boîte de dialogue Exporter la solution fournit la page d’option Paramètres système d’exportation (avancés). Sélectionnez Configuration ISV comme option. L’élément IsvConfig est inclus en tant qu’enfant du nœud ImportExportXml.

Voir aussi

Personnaliser les vues d’entité
Schéma du fichier de configuration ISV
Personnaliser Microsoft Dynamics 365 Customer Engagement
Créer, exporter ou importer une solution non gérée
Prise en charge de la modification du fichier de personnalisation
Publier les personnalisations
Schéma du fichier de configuration ISV