Show Menu
화제×

인터페이스의 색상 구성표 변경

요구 사항에 맞게 AEM Forms 작업 영역 사용자 인터페이스 부분의 색상 구성표를 수정할 수 있습니다. 다음은 대표적인 색상 구성표 사용자 지정의 예입니다. 이 문서에서 설명한 단계 외에 AEM Forms 작업 영역 사용자 지정에 대한 일반 단계를 참조하십시오.

Top navigation bar

배경 이미지 사용

AEM Forms 작업 영역의 맨 위에 있는 내비게이션 막대를 업데이트하려면
  1. 배경 이미지를 만들어 색상을 업데이트합니다. 파일의 이름을 newBackground.jpg로 지정합니다.
  2. WebDAV 클라이언트를 사용하여 /apps/ws/images 폴더에 배경 이미지 파일을 업로드합니다.
    WebDAV 액세스에 대한 자세한 내용은 https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html을 참조하십시오 .
  3. 다음 스타일을 추가하여 /apps/ws/css/newStyle.css에서 새 배경 이미지를 참조하십시오.
    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }
    
    

CSS에서 색상 속성 사용

  1. newStyle.css의 /apps/ws/css에 다음 스타일을 추가합니다.
    #header {
    background : none;
    background-color: gray;
    }
    
    

카테고리 구성 요소

범주 구성 요소는 왼쪽 패널에 작업의 다양한 범주를 표시합니다. 색상을 변경하려면 CSS 파일의 .category 요소에서 배경색을 정의합니다.

작업 구성 요소

작업은 TaskList 구성 요소라는 가운데 패널에 표시됩니다. 색상을 변경하려면 스타일 시트에서 .task 선택기와 연관된 스타일을 수정합니다.