UI 빌더 페이지에 리플로우 활성화

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

    • UI 빌더 페이지에 리플로우를 활성화합니다. 이렇게 하면 창 크기를 조정할 때 가로로 스크롤할 필요가 없습니다.

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

    리플로우 기능은 창 크기를 조정할 때 구성요소의 속성을 조정합니다. 더 작은 화면 크기를 수용하고 다양한 화면 크기에 대한 구성 요소의 속성을 변경합니다.

    프로시저

    1. 다음으로 이동 모두 > UI 빌더.
    2. 경험에서 플레이북 경험 포털을 선택합니다.
    3. 리플로우를 조정하려는 특정 페이지 또는 변형을 CSM 케이스 프로세스 생성 또는 CSM 케이스 프로세스 중에서 엽니다.
    4. 플레이북 활동 뷰어 구성요소 설정을 편집합니다.
    5. UI 빌더의 스타일 탭에서 활동 뷰어의 높이를 100vh로 설정합니다.
    6. 구성요소로 이동 크기 조정 가능 창 > 창 구성 그리고 스크립팅된 속성 값을 편집하여 기본 표시된 창에 있는 코드를 복사합니다. 
      // Resizable Panes default displayed pane scripted value
​
// when in left/right pane position
function evaluateProperty({api, helpers}) {
    if(!api.data.playbook_custom_layout.compactMode) return "both";
​
  return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "right" : "left";
}
​
// when in top/bottom pane position
function evaluateProperty({api, helpers}) {
    if (!api.data.playbook_custom_layout.compactMode) return "both";

  return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "bottom" : "top";
}
    7. 완료를 선택합니다.
      자세한 내용은 Reflow for playbook components 문서를 참조하십시오.