다음을 사용자 지정합니다. 플레이북 경험
통합 UI 빌더 기능을 통해 기본 시스템 모듈식 구성요소, 템플릿 등으로 레이아웃을 플레이북 경험 사용자 지정합니다.
앱의 모듈식 구성요소를 사용하여 에이전트와 이행자를 위한 사용자 지정 경험을 구축합니다 플레이북 경험 . 개발 프로세스의 속도를 높이려면 사전 설정이 제공된 구성요소에 대한 입력을 자동으로 채우도록 할 페이지에 사용자 지정 레이아웃 UI 컨트롤러를 추가합니다.
주:
를 사용하여 UI 빌더사용자 지정 구성 요소를 직접 만들 수도 있지만 사전 설정은 데이터로 사용자 지정 구성 요소를 자동으로 채울 수 없습니다.
구성요소
다음에서 이러한 모듈식 구성요소를 표시하는 방법을 결정합니다.플레이북 경험
- 플레이북 스테이지 선택기
- 의 플레이북 스테이지는 가로 또는 세로로 표시될 수 있습니다.
- 수직 방향은 다음을 보여줍니다.
- 상위 기록에 대한 모든 Playbook,
- 각 플레이북의 스테이지,
- 각 스테이지에서 완료해야 할 활동 수
- 스테이지별로 진행 중인 활동 수
이 예시에는 플레이북 경험 데모라는 플레이북과 할당, 생성, 검토 및 업데이트라는 스테이지가 나와 있습니다. 할당 스테이지에는 1개가 진행 중인 가운데 완료해야 할 2개의 활동이 남아 있습니다. 생성, 검토 및 업데이트 스테이지 옆에는 파란색 숫자가 없으므로 진행 중인 활동이 없습니다.그림 1. 수직 스테이지 선택기
- 수평 방향은 선택한 플레이북의 스테이지만 표시합니다. 스테이지의 활동을 보려면 스테이지를 선택합니다.
그림 2. 수평 스테이지 선택기
스테이지가 5개를 초과하는 플레이북은 페이지 매김됩니다.
주:수평 스테이지 선택기에는 현재 플레이북과 해당 스테이지만 표시되므로 다음이 아니면 플레이북 사이를 이동할 수 없습니다.- 플레이북 템플릿을 사용하거나
- 를 사용하여 UI 빌더고유한 드롭다운 구성요소를 생성합니다.
모든 플레이북 템플릿에는 플레이북 사이를 이동할 수 있는 드롭다운 구성요소가 포함되어 있으며, 플레이북 선택기 사전 설정을 선택하면 자동으로 채워집니다.
- 플레이북 활동 선택기
활동 선택기에서는 활동 사이를 이동할 수 있습니다.
수직 스테이지 선택기를 사용하는 경우 활동 선택기를 켜면 각 스테이지를 확장하여 해당 활동을 표시할 수 있습니다.그림 3. 스테이지를 세로로 볼 때의 활동 선택기
수평 스테이지 선택기를 사용하는 경우, 활동 선택기를 켜면 현재 진행 중인 스테이지의 전체 활동 목록을 확장하거나 축소할 수 있습니다.스테이지 플래그 표시 플래그를 켜거나 끄려면 .그림 4. 스테이지를 가로로 볼 때의 활동 선택기
- 플레이북 활동 뷰어
- 활동 뷰어에서는 스테이지의 활동을 관리할 수 있습니다. 이 공간에 활동이 표시되는 방식을 변경할 수 있습니다.
- 스택 뷰에는 스테이지의 모든 활동이 서로 겹쳐져 표시됩니다.
그림 5. 플레이북 스택 뷰
- 포커스형 뷰에는 선택한 단일 활동이 표시됩니다.
그림 6. 플레이북 포커스형 뷰
- 스택 뷰에는 스테이지의 모든 활동이 서로 겹쳐져 표시됩니다.
- 플레이북 모달
- 플레이북을 취소하고 선택적 활동을 추가하는 기능을 원하는 경우 플레이북 모달 구성요소를 페이지에 추가해야 합니다. 템플릿을 사용하는 경우에는 이미 포함되어 있습니다.
그림 7. 모달 취소 플레이북
그림 8. 선택적 활동 모달 추가
사용자 지정 플레이북 경험에 대한 구성 요소 설정을 시작하려면 을 참조하십시오 사용자 지정 레이아웃 시작하기.
제공된 UI 빌더 번들
각 구성요소를 개별적으로 추가하는 것이 이상적이지 않은 경우 새 템플릿 또는 기존 UI 빌더 템플릿에 전체 레이아웃을 추가할 수도 있습니다.
- 세로 포커스형
- 가로 포커스형
- 세로 스택형
- 세로 스택형
각 레이아웃에는 다음 구성요소가 포함되어 있습니다.
- UI 컨트롤러
- 사전 설정
- 활동 뷰어
- 활동 선택기
- 양식
- 플레이북 선택기
- 스테이지 선택기
- 클라이언트 스크립트
기존 또는 새 UI 빌더 페이지에 번들을 추가하려면 문서를 참조하십시오 페이지에 사용자 지정 레이아웃 번들 UI 빌더 추가. 새 경험을 생성하고 표준 기록 페이지에 번들을 추가하려면 다음 문서를 표준 기록 페이지에 사용자 지정 레이아웃 번들 UI 빌더 추가참조하십시오.