Modification des couleurs de l’interface changing-the-color-scheme-of-the-interface

CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

Vous pouvez modifier les couleurs des différentes parties de l’interface utilisateur de l’espace de travail AEM Forms selon vos besoins. Voici quelques exemples de personnalisation des couleurs. En plus des étapes décrites dans cet article, voir Procédure générique de personnalisation d’AEM Forms Workspace.

Barre de navigation supérieure top-navigation-bar

Utilisation d’une image d’arrière-plan using-background-image

Pour mettre à jour la barre de navigation en haut de l’espace de travail AEM Forms :

  1. Créez une image d’arrière-plan pour mettre à jour la couleur. Nommez le fichier newBackground.jpg.

  2. Téléchargez le fichier image d’arrière-plan dans le dossier /apps/ws/images à l’aide d’un client WebDAV.

    note note
    NOTE
    Pour plus d’informations sur l’accès à WebDAV, voir https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
  3. Référencez la nouvelle image d’arrière-plan dans /apps/ws/css/newStyle.css en ajoutant le style suivant.

    code language-css
    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }
    

Utilisation de la propriété de couleur dans CSS using-color-property-in-css

  1. Ajoutez le style suivant dans newStyle.css sous /apps/ws/css

    code language-css
    #header {
    background : none;
    background-color: gray;
    }
    

Composant de catégorie category-component

Le composant Catégorie affiche les différentes catégories de vos tâches dans le panneau de gauche. Pour modifier sa couleur, définissez la couleur d’arrière-plan dans l’élément .category du fichier CSS.

Composant de tâches task-component

Les tâches sont affichées dans le volet du milieu appelé TaskList de tâches. Pour modifier sa couleur, modifiez le style associé au sélecteur .task dans la feuille de style.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da