페이지에 리플로우 UI 빌더 사용 설정

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기1분

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

    시작하기 전에

    필요한 역할: 관리자

    이 태스크 정보

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

    프로시저

    1. 다음으로 이동 모두 > UI 빌더 > 경험 > 플레이북 경험 포털 > Playbook 활동 뷰어.
    2. 의 스타일 탭에서 UI 빌더활동 뷰어의 높이를 100vh로 설정합니다.
    3. 구성요소로 이동 크기 조정 가능한 창 > 창 구성 을 클릭하고 스크립팅된 속성 값을 편집하여 기본 표시 창에서 코드를 복사합니다. 
      // 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";
}
    4. 완료를 선택합니다.
      자세한 내용은 Reflow for playbook components 문서를 참조하십시오.