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

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 02월 01일
  • 소요 시간: 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 문서를 참조하십시오.