상황별 사이드바 구성요소에 뷰포트 추가

페이지에 뷰포트를 추가하면 페이지의 탭을 클릭할 때 표시되는 별도의 컨텐츠를 만들 수 있습니다. 구성요소 내에 탭을 생성합니다. 그런 다음 해당 탭 내에서 사용자 지정 페이지 또는 타사 사용자 지정 사용자 인터페이스를 만들 수 있습니다.

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

페이지의 상황별 사이드바 구성요소에 탭을 추가하여 뷰포트를 생성합니다. 그런 다음 탭에 대한 컨텐츠를 생성합니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI Builder레이블이 표시됩니다.
2. 작업할 환경을 열거나 + 만들기를 선택하여 환경을 만듭니다.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 에서 사용자가 애플리케이션과 상호작용하는 방법 구성 UI 빌더 .
3. 페이지 변형을 열거나 생성합니다.
   에서 페이지를 UI 빌더만드는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 만들기를 참조하십시오.
4. 페이지에 상황별 사이드바 구성요소를 추가합니다.
5. 컨텐츠 트리에서 상황별 사이드바 구성요소를 선택합니다.
6. 스테이지의 상황별 사이드바 구성요소 위로 마우스를 이동하고 컨텐츠 편집을 선택합니다.
7. 저장하고 계속하기를 선택합니다.
8. 페이지 및 변형 섹션에서 + 아이콘을 선택합니다.
   
9. 이름 필드에 페이지의 고유한 이름을 입력합니다.
10. URL 경로 필드에 페이지의 경로를 지정합니다. UI 빌더 는 이전 단계에서 입력한 이름을 기반으로 기본 경로를 생성합니다.
    페이지 이름을 기반으로 기본 경로가 추가됩니다. 사용자 고유의 경로를 만들 수도 있습니다. 경로는 필수이며 고유해야 합니다. 경로에는 숫자(0-9), 문자(A-Z, a-z) 및 몇 가지 특수 문자("-", ".", "_", "~")가 포함될 수 있으며 단어는 슬래시 또는 하이픈으로 구분됩니다. URL 미리보기에는 페이지의 경로가 표시됩니다.

    

    주:

    애플리케이션 범위는 기본적으로 사용자가 현재 .Now Platform® 응용 프로그램 범위에 대한 자세한 내용은 을 참조하십시오 보안 및 역할에 대해 알아보기.
11. 계속을 선택합니다.
12. 생성을 선택합니다.
13. 만든 페이지 옆에 있는 편집기 를 선택합니다.
14. 탭의 컨텐츠를 디자인합니다.

    페이지 자체가 아닌 하위 페이지 편집 모드에서 UI 빌더 디자인하고 있습니다. 페이지를 빌드하는 것처럼 탭을 빌드할 수 있습니다. 구성요소를 추가하고 레이아웃을 변경하는 등의 작업을 수행할 수 있습니다. 이 예는 상황별 사이드바 구성요소에 탭을 추가하는 방법을 보여줍니다.

    
15. 저장을 클릭합니다.
16. 상위 페이지로 돌아가기← 선택합니다.
    
17. 옵션: 구성 패널을 클릭하여 만든 탭을 편집합니다.
    에서 구성 요소에 UI 빌더뷰포트 탭을 추가하면 구성 패널이 변경되어 탭 구성이 표시됩니다. 구성 패널에서 탭을 클릭하면 페이지의 해당 구성요소에서 탭 정보가 변경됩니다.
18. 저장을 클릭합니다.