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

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

시작하기 전에

필요한 역할: ui_builder_admin

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
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. 선택하여 페이지를 보고 테스트합니다.