Het kleurenschema van de interface wijzigen
Gemaakt voor:
- User
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
Achtergrondafbeelding gebruiken
De navigatiebalk boven in de AEM Forms-werkruimte bijwerken.
-
Maak een achtergrondafbeelding om de kleur bij te werken. Geef het bestand een naam als newBackground.jpg.
-
Upload het bestand met de achtergrondafbeelding in de map /apps/ws/images met een WebDAV-client.
NOTE
Voor meer informatie over WebDAV toegang, zie https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. -
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
-
Voeg de volgende stijl toe aan newStyle.css op /apps/ws/css
#header { background : none; background-color: gray; }
Categorieonderdeel
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
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.