테마에 대한 테마 가능 빈 상태 이미지 사용자 지정

테마의 이미지 기록을 사용하여 사용자 넥스트 경험 및 테마 작성기 테마에 대한 기본 테마 가능 빈 상태 이미지를 사용자 지정합니다.

시작하기 전에

필요한 역할: 관리자

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > UX 테마.
2. UX 테마 테이블에서 테마를 선택합니다.
   선택한 테마에 대한 UX 테마 기록이 나타납니다.
3. Compositional App 테마 탭에서 이미지 기록을 선택합니다.
4. 이미지 스타일 기록에서 다음 빈 상태 이미지 테마 후크를 스타일 필드에 입력합니다.

   {
       "properties": {
           "--now-illustration--add-attachment-sm--url": "",
           "--now-illustration--add-attachment-md--url": "",
           "--now-illustration--add-attachment-lg--url": "",
           "--now-illustration--add-data-sm--url": "",
           "--now-illustration--add-data-md--url": "",
           "--now-illustration--add-data-lg--url": "",
           "--now-illustration--completed-tasks-sm--url": "",
           "--now-illustration--completed-tasks-md--url": "",
           "--now-illustration--completed-tasks-lg--url": "",
           "--now-illustration--error-sm--url": "",
           "--now-illustration--error-md--url": "",
           "--now-illustration--error-lg--url": "",
           "--now-illustration--first-time-user-sm--url": "",
           "--now-illustration--first-time-user-md--url": ""
           "--now-illustration--first-time-user-lg--url": "",
           "--now-illustration--interrupted-sm--url": "",
           "--now-illustration--interrupted-md--url": "",
           "--now-illustration--interrupted-lg--url": "",
           "--now-illustration--no-data-sm--url": "",
           "--now-illustration--no-data-md--url": "",
           "--now-illustration--no-data-lg--url": "",
           "--now-illustration--no-search-results-sm--url": "",
           "--now-illustration--no-search-results-md--url": "",
           "--now-illustration--no-search-results-lg--url": "",
           "--now-illustration--offline-sm--url": "",
           "--now-illustration--offline-md--url": "",
           "--now-illustration--offline-lg--url": "",
           "--now-illustration--permissions-sm--url": "",
           "--now-illustration--permissions-md--url": "",
           "--now-illustration--permissions-lg--url": "",
           "--now-illustration--unconfigured-sm--url": "",
           "--now-illustration--unconfigured-md--url": "",
           "--now-illustration--unconfigured-lg--url": "",
           "--now-illustration--no-activities-sm--url": "",
           "--now-illustration--no-activities-md--url": "",
           "--now-illustration--no-activities-lg--url": "",
       }
   }

5. 다음 방법 중 하나로 사용자 지정 이미지를 추가합니다.
   • UX 스타일 자산 목록에 이미지를 추가합니다.
     1. UX 스타일 자산 탭에서 새로 만들기를 선택합니다.
     2. 자산 항목 옆에 있는 조회 아이콘( . )을 선택합니다.
     3. UX 테마 자산 목록에서 새로 만들기를 선택합니다.
     4. 첨부 파일 관리 아이콘( )을 선택하여 이미지를 추가합니다.
     5. 이미지 자산이 업로드되면 첨부 파일 창을 닫습니다.
        주:

        이미지가 SVG 형식인지 확인합니다.
     6. 이름 필드에 자산의 파일 이름을 입력하고 제출을 선택합니다. 자산이 UX 스타일 자산 목록에 추가됩니다.
     7. UX 스타일 자산 목록에서 자산을 길게 누르거나 마우스 오른쪽 버튼으로 클릭하고 sys_id 복사를 선택합니다.
     8. "/uxta/ENTERYOURSYSID.assetx" 형식을 사용하여 스타일 필드에 sys_id 입력합니다.
   • 이미지 [db_images_list.do] 테이블에 사용자 지정 이미지를 추가합니다.
     주:

     이미지가 SVG 형식인지 확인합니다.
     1. 자세한 지침은 하나 이상의 이미지 업로드 문서를 참조하십시오.
     2. 영상 스타일 기록에서 "/FILENAME.svg" 형식을 사용하여 이미지 파일 이름을 스타일 필드에 입력합니다.
6. 업데이트를 선택합니다.
   사용자 지정 이미지가 테마에 나타납니다.
7. 옵션: 테마와 연결된 UX 스타일 색상 기록을 사용하여 빈 상태 이미지의 색상을 사용자 지정하고 기본 테마 후크를 재정의합니다.

   UX 스타일 색상 기록 편집에 대한 단계별 튜토리얼은 ServiceNow 커뮤니티에서 Next Experience 워크숍 의 연습 3, 활동 2, 3을 참조하십시오.

   주:

   기본 테마 후크를 사용하는 것이 좋습니다.