상황별 사이드바 추가

세로 탭 구조를 사용하여 관련 컨텐츠를 표시하려면 페이지에 UI 빌더 상황별 사이드바를 추가합니다.

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

탭 구성요소를 구성하는 방식과 동일한 방식으로 상황별 사이드바를 구성할 수 있습니다. 상황별 사이드바의 각 세로 탭은 사용자 지정 콘텐츠를 렌더링합니다. 페이지에서 바로 빠르게 액세스할 수 있도록 각 탭에 구성요소를 배치할 수 있습니다.

예를 들어 문서 생성 페이지의 한 탭에 첨부 파일 구성요소가 있어 작업 중인 문서와 관련된 파일을 첨부할 수 있습니다. 다른 탭에는 문서와 관련된 주석을 추가하고 볼 수 있는 중첩된 주석 구성요소가 있을 수 있습니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
2. 작업할 경험을 열거나 다음을 선택하여 경험을 생성합니다. 작성 > 경험.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 다음에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 UI 빌더 .
3. 페이지 또는 페이지 변형을 만들거나 엽니다.
   에서 UI 빌더페이지를 만드는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 만들기를 참조하십시오. 페이지 변형 만들기에 대한 자세한 내용은 다음을 참조하십시오. 페이지 변형 생성
4. 스테이지에서 + 콘텐츠 추가 단추를 선택하여 도구 상자를 엽니다.
5. 단일 열 레이아웃 타일을 선택합니다.
6. 열에서 + 아이콘을 선택하여 도구 상자를 엽니다.
7. 상황별 사이드바 구성요소를 선택하여 페이지에 추가합니다.

   

   스테이지에 상황별 사이드바가 나타나고 탭 섹션이 구성 패널에 나타납니다.
8. 탭 섹션의 구성 패널에서 설정 아이콘( . )을 선택하여 탭을 구성합니다.
   1. 양식의 필드에 내용을 입력합니다.

      표 1. 탭 설정 양식

      필드	설명
      탭 레이블	페이지의 탭에 표시되는 레이블입니다.
      아이콘	탭 레이블 옆에 나타나는 아이콘입니다. 주: 아이콘은 필요하지 않습니다.
      탭 숨기기	탭을 숨기거나 표시하는 옵션입니다.

   2. 저장을 선택합니다.
9. 스테이지의 상황별 사이드바에서 + 아이콘을 선택하여 도구 상자를 엽니다.
10. 탭에 추가할 구성요소를 선택합니다.
    구성요소가 컨텐츠 트리의 탭 아래에 표시됩니다. 자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
11. 옵션: 다른 탭을 추가하려면 탭 섹션에서 + 추가 를 선택합니다.

다음에 수행할 작업

상황별 사이드바 구성 및 해당 속성에 대한 자세한 내용은 개발자 사이트의 탭 UIB 설정을ServiceNow 참조하십시오.