페이지에 뷰포트 구성요소 추가

페이지에 뷰포트 구성요소를 추가하고 하위 페이지를 생성하여 페이지에 별도의 컨텐츠를 생성합니다.

시작하기 전에

필요한 역할: admin

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI Builder레이블이 표시됩니다.
2. 작업할 환경을 열거나 + 만들기를 선택하여 환경을 만듭니다.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 에서 사용자가 애플리케이션과 상호작용하는 방법 구성 UI 빌더 .
3. 뷰포트를 추가할 페이지 변형에 대한 편집기를 엽니다.
   경험에 대한 페이지를 만들지 않은 경우 의 에서 페이지 만들기 UI 빌더단계를 따르십시오.
4. 컨텐츠 트리에서 + 구성 요소 추가 를 선택합니다.
5. 단일 열 레이아웃을 선택합니다.
6. 그런 다음 열에서 + 아이콘을 선택하여 도구 상자를 엽니다.
7. 검색 상자에 뷰포트를 입력합니다.
8. 뷰포트를 선택합니다.

   그림 1. 뷰포트 구성요소

   

9. 컨텐츠 트리에서 뷰포트 구성요소를 선택합니다.
10. 구성 패널에서 + 추가 를 선택합니다.
    
11. 목록에서 페이지 컬렉션을 선택하거나 + 컬렉션 만들기를 선택하여 컬렉션을 만듭니다.
    고유한 페이지 모음 생성에 대한 자세한 내용은 을 참조하십시오 여러 UI 페이지에 걸쳐 페이지 컬렉션 생성.
12. 추가를 선택합니다.
    페이지 컬렉션은 구성 패널의 페이지 컬렉션 섹션에 표시됩니다. 페이지 컬렉션의 한 페이지만 스테이징 영역에 표시됩니다.
13. 저장을 선택합니다.
14. 뷰포트 ID와 경로를 찾습니다.

    다음 그림과 같이 구성 패널에서 ID와 경로를 볼 수 있습니다.

    
15. 페이지에 구성요소를 추가하여 방금 추가한 뷰포트를 엽니다(예: 버튼 구성요소).
    자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
16. 구성 패널에서 이벤트 탭을 선택합니다.
17. + 이벤트 처리기 추가를 선택하여 뷰포트를 봅니다.
    
18. 페이지 수준 이벤트 핸들러에서 UXF Macroponent 뷰포트 로드 요청됨을 선택합니다.
    
19. viewportElementID 요소에서 null 값을 이전 단계에서 찾은 뷰포트 ID로 바꿉니다.
    이 예에서는 "viewport_1"입니다.
20. 추가를 선택합니다.
    
21. 저장을 선택합니다.
22. 선택하여 페이지를 보고 테스트합니다.