탭을 뷰포트 사용 탭으로 교체

페이지의 탭을 뷰포트 사용 탭으로 변환합니다. 뷰포트 지원 탭을 사용하여 타사 사용자 지정 데이터를 표시하고, 대상을 할당하고, 변형을 생성합니다.

시작하기 전에

필요한 역할: admin

이 태스크 정보

탭을 뷰포트 지원 탭으로 바꿉니다.

주:

탭을 뷰포트 사용 탭으로 바꾸는 것은 영구적이고 단방향적인 프로세스입니다. 기존 탭 컨텐츠가 손실되고 뷰포트 탭 컨텐츠를 다시 생성해야 합니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI Builder레이블이 표시됩니다.
2. 작업할 환경을 열거나 + 만들기를 선택하여 환경을 만듭니다.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 에서 사용자가 애플리케이션과 상호작용하는 방법 구성 UI 빌더 .
3. 기존 탭으로 페이지를 만들거나 열거나, 탭 구성 요소를 페이지에 추가합니다.

   그림 1. 탭 구성요소

   

   페이지에 탭 구성 요소를 추가하는 방법에 대한 자세한 내용은 을 참조하십시오 UI 빌더 페이지에 탭 컨텐츠 추가.

4. 컨텐츠 트리에서 뷰포트 탭으로 대체할 탭 구성요소를 선택합니다.
5. 구성 패널에서 뷰포트 탭으로 교체를 선택합니다.
   주:

   탭을 뷰포트 사용 탭으로 바꾸는 것은 영구적이고 단방향적인 프로세스입니다. 기존 탭 컨텐츠가 손실되고 뷰포트 탭 컨텐츠를 다시 생성해야 합니다.

   

6. 뷰포트 탭으로 바꾸기를 선택합니다.
   
7. Edit content(컨텐츠 편집)를 클릭하여 뷰포트 사용 탭을 추가합니다.

   그림 2. 컨텐츠 편집

   

   뷰포트 구성요소에 대한 자세한 내용은 을 참조하십시오 페이지에 뷰포트 구성요소 추가.

8. 저장하고 계속하기를 선택합니다.
   하위 페이지 개요 페이지가 나타납니다.
9. 새 페이지 만들기를 선택합니다.
10. 이름 필드에 뷰포트 사용 탭의 이름을 입력합니다.
11. 기본 경로를 유지하거나 기본 설정으로 변경합니다.
12. 계속을 선택합니다.
13. 이름 필드에 페이지 변형의 이름을 입력하거나 기본값으로 둡니다.
14. 이 페이지에 대해 하나 이상의 대상을 추가합니다.
    필요한 대상이 나열되지 않은 경우 사용 가능한 모든 대상 보기를 선택하여 대상을 만들 수 있습니다.
15. 옵션: 인코딩된 쿼리 문자열을 입력하여 페이지 또는 탭을 표시하는 시기에 대한 조건을 추가합니다.
16. 편집기에서 열기를 선택합니다.
17. 페이지에 하는 것처럼 탭에 구성요소를 추가합니다.
18. 구성요소에 이벤트 핸들러를 추가하여 페이지 컨텐츠 로드와 같은 작업을 수행하도록 합니다.
    이벤트 처리기에 대한 자세한 내용은 을 참조하십시오 UI Builder 페이지에서 작업 관리(고급 기능).
19. ← 돌아가기(페이지 이름)를 선택하여 원래 페이지로 돌아갑니다.
    
20. 데이터 기반 탭에서 데이터 소스를 선택하여 데이터 자원을 사용해 뷰포트 사용 탭에 데이터를 바인딩함으로써 테이블과 기록의 데이터를 동적으로 노출합니다.

    그런 다음 이러한 데이터 속성을 탭의 구성요소에 바인딩합니다. 데이터 리소스 사용에 대한 자세한 내용은 을 참조하십시오 UI Builder 페이지에 동적으로 데이터 노출(고급 기능).

    
21. 페이지에서 뷰포트 지원 탭 레이블이 표시되는 위치를 선택하고 탭 레이블을 숨겨 아이콘만 표시할지 여부를 결정합니다.