Het kleurenschema van de interface wijzigen changing-the-color-scheme-of-the-interface

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

U kunt het kleurenschema van de gebruikersinterfacegedeelten van de AEM Forms-werkruimte aanpassen aan uw wensen. Hier volgen enkele voorbeelden van representatieve aanpassingen van kleurschema's. Naast de stappen die in dit artikel worden besproken, raadpleegt u Algemene stappen voor aanpassing van de AEM Forms-werkruimte.

Bovenste navigatiebalk top-navigation-bar

Achtergrondafbeelding gebruiken using-background-image

De navigatiebalk boven in de AEM Forms-werkruimte bijwerken.

  1. Maak een achtergrondafbeelding om de kleur bij te werken. Geef het bestand een naam als newBackground.jpg.

  2. Upload het bestand met de achtergrondafbeelding in de map /apps/ws/images met een WebDAV-client.

    note note
    NOTE
    Voor meer informatie over WebDAV toegang, zie https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
  3. Verwijs naar de nieuwe achtergrondafbeelding in /apps/ws/css/newStyle.css door de volgende stijl toe te voegen.

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

Kleureigenschap gebruiken in CSS using-color-property-in-css

  1. Voeg de volgende stijl toe aan newStyle.css op /apps/ws/css

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

Categorieonderdeel category-component

De component van de categorie toont de diverse categorieën van uw taken in het linkerpaneel. Als u de kleur wilt wijzigen, definieert u de achtergrondkleur in .category -element van het CSS-bestand.

Taakcomponent task-component

De taken worden getoond in het middelste paneel genoemd de Component TaskList. Als u de kleur van de stijl wilt wijzigen, wijzigt u de stijl die is gekoppeld aan de taakkiezer in de stijlpagina.

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