상황별 사이드바 추가

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 1분
  • 세로 탭 구조를 사용하여 관련 컨텐츠를 표시하려면 페이지에 UI 빌더 상황별 사이드바를 추가합니다.

    시작하기 전에

    필요한 역할: ui_builder_admin

    이 태스크 정보

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

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

    프로시저

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

      UI 빌더 도구 상자가 열려 있는 편집기로, 상황별 사이드바 구성요소를 가리키는 검은색 화살표가 표시됩니다.

      상황별 사이드바가 스테이지에 나타나고 구성 패널에 탭 섹션이 나타납니다.
    8. 구성 패널의 탭 섹션에서 설정 아이콘( 설정 아이콘.)을 선택하여 탭을 구성합니다.
      1. 양식에서 필드를 채웁니다.
        표 1. 탭 설정 양식
        필드 설명
        탭 레이블 페이지의 탭에 표시되는 레이블입니다.
        아이콘 탭 레이블 옆에 나타나는 아이콘입니다.
        주:
        아이콘은 필요하지 않습니다.
        탭 숨기기 탭을 숨기거나 표시하는 옵션입니다.
      2. 저장을 선택합니다.
    9. 상황별 사이드바의 스테이지에서 + 아이콘을 선택하여 도구 상자를 엽니다.
    10. 탭에 추가할 구성요소를 선택합니다.
      구성요소는 컨텐츠 트리의 탭 아래에 표시됩니다. 자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
    11. 옵션: 다른 탭을 추가하려면 탭 섹션에서 + 추가 를 선택합니다.

    다음에 수행할 작업

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