Het kleurenschema van de interface wijzigen

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, zie Algemene stappen voor de aanpassing van de AEM Forms-werkruimte.

Bovenste navigatiebalk

Achtergrondafbeelding gebruiken

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.

    OPMERKING

    Zie https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html voor meer informatie over WebDAV-toegang.

  3. Verwijs naar de nieuwe achtergrondafbeelding in /apps/ws/css/newStyle.css door de volgende stijl toe te voegen.

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

Kleureigenschap gebruiken in CSS

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

    #header {
    background : none;
    background-color: gray;
    }
    

Categoriecomponent

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 het element .category van het CSS-bestand.

Taakcomponent

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.

Op deze pagina