Personnaliser l'interface de création de correspondance

Correspondence Management vous permet d’adapter le modèle de solution à l’identité graphique de votre société afin de conserver la valorisation de votre marque. Le changement d'identité graphique de l'interface utilisateur comprend la modification du logo de la société, qui est affiché dans le coin supérieur gauche de l'interface utilisateur de création de correspondance.

Vous pouvez changer le logo dans l'interface utilisateur de création de correspondance pour le remplacer par le logo de votre entreprise.

Pour configurer une image de logo de votre choix, procédez comme suit :

1. Créez la structure de dossier appropriée dans CRX. 
2. Téléchargez le fichier du nouveau logo dans le dossier que vous avez créé dans CRX. 
   
3. Configurez le CSS sur CRX pour faire référence au nouveau logo.
4. Effacez l'historique du navigateur, puis actualisez l'interface utilisateur de création de correspondance.

Créez la structure de dossiers, comme expliqué ci-après, pour héberger l'image de logo et la feuille de style personnalisées. La nouvelle structure de dossiers avec le dossier racine /apps est similaire à la structure de dossier /libs.

Pour une personnalisation, créez une structure de dossiers parallèle, comme expliqué ci-après, dans la branche /apps.

La branche /apps (structure de dossiers) : 

• Garantit que vos fichiers sont sûrs en cas de mise à jour du système.En cas de mise à niveau, de feature pack ou d'un correctif, la branche /libs est mise à jour et si vous hébergez vos modifications dans la branche /libs, ils sont écrasés.
• Vous aide à ne pas toucher au système/à la branche actuels, que vous pouvez ébranler par erreur si vous utilisez les emplacements par défaut pour enregistrer les fichiers personnalisés.
• Aide vos ressources pour obtenir une priorité plus élevée si AEM recherche des ressources. AEM est configuré de façon à effectuer d'abord une recherche dans la branche /apps, puis dans la branche /libs pour trouver une ressource. Ce mécanisme signifie que le système utilise votre recouvrement (et les personnalisations qui y sont définies).  

Suivez les étapes ci-dessous pour créer la structure de dossiers requise dans la branche /apps :

Téléchargez votre fichier de logo personnalisé dans CRX. Les règles HTML standard régissent le rendu du logo.Les formats de fichiers image pris en charge le sont selon le navigateur que vous utilisez pour accéder à AEM Forms. Tous les navigateurs prennent en charge les fichiers JPEG, GIF et PNG. Pour en savoir plus, reportez-vous à la documentation du navigateur sur les formats d'image pris en charge.

• Les dimensions par défaut de l'image de logo est de 48 px x 48 px. Assurez-vous que l'image est de cette taille ou d'une taille supérieure à 48 px * 48 px.
• Si la hauteur de l'image de logo est de plus de 50 px, l'interface utilisateur de création de correspondance réduit l'image à une hauteur maximale de 50 px car il s'agit de la hauteur de l'en-tête. Lors de la réduction de l'image, l'interface utilisateur de création de correspondance conserve les proportions de votre image. 
• L'interface utilisateur de création de correspondance n'agrandit pas votre image si elle est petite. Vous devez donc vous assurer que vous utilisez une image de logo d'au moins 48 px de haut et d'une largeur suffisante pour la clarté.

Suivez les étapes ci-dessous pour télécharger le fichier du logo personnalisé dans CRX :

L'image de logo nécessite une feuille de style supplémentaire à charger dans le contexte du contenu. 

Effectuez les étapes suivantes pour définir la feuille de style pour le rendu du logo :

Effacez la mémoire cache du navigateur, puis ouvrez l'instance de l'interface utilisateur de création de correspondance dans votre navigateur. Vous devez voir votre logo personnalisé.