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