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