빈 상태 구성

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기4분

    • 페이지에 현재 데이터가 포함되어 있지 않다는 정보를 사용자에게 알릴 수 있도록 빈 상태를 구성합니다. 이미지, 텍스트 및 버튼을 추가하여 빈 상태를 사용자 지정하고 사용자 경험을 개선합니다.

    시작하기 전에

    기본 빈 상태를 만들든 아니면 특정 빈 상태를 만들든 상관 없이 이미지나 버튼을 표시하려면 다음 항목이 필요할 수 있습니다.

    • 첨부 파일 [sys_attachment] 테이블의 이미지입니다.
    • 기능 [sys_sg_button] 테이블의 정의된 버튼 작업입니다. 자세한 내용은 스마트 버튼 구성 문서를 참조하십시오.

    필요한 역할: admin

    이 태스크 정보

    이 작업은 모든 화면에서 사용되는 기본 빈 상태를 구성하는 방법을 설명합니다. 특정 화면에 대한 빈 상태 사용자 지정 방법에 대한 내용은 다음 항목을 참조하십시오.

    프로시저

    1. 빈 상태 요소와 해당 속성을 정의하는 리셉터클인 카드를 생성합니다.
      1. 웹 기반 UI의 필터 탐색기에서 sys_sg_view_config.list를 입력합니다.
      2. 신규를 선택하여 카드를 생성합니다.
      3. 양식의 필드에 내용을 입력합니다.
        표 1. 카드 양식
        필드 값
        이름 카드의 제목입니다.
        애플리케이션 이 기록에 연결된 범위가 지정된 애플리케이션입니다. 이 필드는 기본적으로 현재 애플리케이션으로 지정됩니다.
        설명 카드에 대한 선택적 설명입니다.
        활성 빈 상태 내에서 카드 설정의 표시를 활성화하는 옵션입니다. 본 구성에는 이 옵션을 선택합니다.
        테이블 이 카드에는 테이블이 필요하지 않습니다.
        카드 템플릿 값은 기본 빈 상태 템플릿이어야 합니다.
      4. 헤더를 마우스 오른쪽 버튼으로 클릭하고 저장을 선택합니다.
    2. 카드에 추가할 요소를 선택합니다.
      1. 카드 요소 양식에서 새로 만들기를 선택합니다.
      2. 양식의 필드에 내용을 입력합니다.
        표 2. 카드 요소 양식
        필드 값
        이름 카드 요소의 제목입니다.
        카드 이 필드는 새 카드의 이름으로 자동 설정됩니다.
        애플리케이션 이 기록에 연결된 범위가 지정된 애플리케이션입니다. 이 필드는 기본적으로 현재 애플리케이션으로 지정됩니다.
      3. 템플릿 슬롯 보기 필드에서 참조 조회 아이콘( 참조 조회 아이콘)을 선택하고 카드 요소에 추가할 템플릿 슬롯을 선택합니다.
        요소 이름 설명
        es-image-slot-1 빈 상태의 이미지 요소입니다. 이미지는 하나만 사용할 수 있습니다.
        es-text-slot-1 굵게 표시되는 메시지의 헤더 요소입니다.
        es-text-slot-2 굵지 않은 글꼴로 표시되는 메시지의 본문 요소입니다.
        es-button-slot-1 빈 상태의 상단 버튼 요소입니다.
        es-button-slot-2 빈 상태의 중간 버튼 요소입니다.
        es-button-slot-3 빈 상태의 하단 버튼 요소입니다.
      4. 헤더를 마우스 오른쪽 버튼으로 클릭하고 저장을 선택합니다.
    3. 카드에서 추가한 이미지, 텍스트 또는 버튼 요소에 대한 속성을 구성합니다.
      요소작업
      이미지
      1. 카드 요소 속성 양식에서 새로 만들기를 선택합니다.
      2. 다음 값을 설정합니다.
        • 이름: 참조 조회 아이콘을 사용하고 ImageURL을 선택합니다.
        • 설명: 요소에 대한 설명입니다(옵션).
        • 값: 첨부 파일 [sys_attachment] 테이블의 이미지의 sys_id를 붙여 넣습니다.
          주:
          요소의 sys_id 찾으려면 요소 이름을 마우스 오른쪽 버튼으로 클릭하고 sys_id 복사를 선택합니다.
      3. 제출을 선택합니다.
      텍스트
      1. 카드 요소 속성 양식에서 새로 만들기를 선택합니다.
      2. 다음 값을 설정합니다.
        • 이름: 참조 조회 아이콘을 사용하고 TextValue를 선택합니다.
        • 설명: 요소에 대한 설명입니다(옵션).
        • 번역 가능 값: 버튼에 대한 텍스트를 입력합니다. 이 텍스트는 UI의 번역이 진행되는 경우 번역됩니다.
      3. 제출을 선택합니다.
      버튼
      주:
      버튼 요소에는 TextValue 속성과 Button속성 모두의 구성이 필요합니다.
      1. 카드 요소 속성 양식에서 새로 만들기를 선택합니다.
      2. 다음 값을 설정합니다.
        • 이름: 참조 조회 아이콘을 사용하고 TextValue를 선택합니다.
        • 설명: 요소에 대한 설명입니다(옵션).
        • 번역 가능 값: 버튼에 대한 텍스트를 입력합니다. 이 텍스트는 UI의 번역이 진행되는 경우 번역됩니다.
      3. 제출을 선택합니다.
      4. 카드 요소 속성 양식에서 새로 만들기를 선택합니다.
      5. 다음 값을 설정합니다.
        • 이름: 참조 조회 아이콘을 사용하고 Button을 선택합니다.
        • 설명: 요소에 대한 설명입니다(옵션).
        • 값: 기능 [sys_sg_button] 테이블의 이미지의 sys_id를 붙여 넣습니다.
          주:
          요소의 sys_id 찾으려면 요소 이름을 마우스 오른쪽 버튼으로 클릭하고 sys_id 복사를 선택합니다.
      6. 제출을 선택합니다.

      버튼 요소에는 BackgroundColor, BorderColor, TextColor 속성이 옵션으로 포함될 수 있습니다. 테마 색상 이름(예: 기본)이나 RGB 색상 값(예: #8a8a8a)을 제공하여 버튼에 기본 설정 외의 색상을 설정할 수 있습니다.
    4. 옵션: 다른 카드 요소를 추가한 다음, 추가 속성을 추가하고 2단계 및 3단계를 반복합니다.
    5. 카드를 빈 상태에 연결합니다.
      1. 웹 기반 UI의 필터 탐색기에 sys_sg_empty_state.list를 입력하여 빈 상태 목록을 엽니다.
      2. 새로 만들기를 선택하여 빈 상태를 생성합니다.
      3. 양식의 필드에 내용을 입력합니다.
        표 3. 빈 상태 양식
        필드 값
        이름 빈 상태 기록의 제목입니다. 기본 빈 상태 또는 화면용 빈 상태입니다.
        애플리케이션 이 기록에 연결된 범위가 지정된 애플리케이션입니다. 이 필드는 기본적으로 현재 애플리케이션으로 지정됩니다.
        설명 빈 상태에 대한 설명
        카드 생성한 카드 기록입니다.
        활성 빈 상태의 표시를 활성화하는 옵션입니다.
      4. 제출을 선택합니다.

    결과

    데이터가 포함되지 않은 모든 화면에 빈 상태가 표시됩니다.