작업 공간 빌더 홈페이지 구성요소

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 소요 시간: 5분
  • 에서 홈 페이지와 상황별 측면 패널작업 공간 빌더을 빌드하기 위한 여러 UI 빌더 구성요소를 요소로 사용할 수 있습니다. 작업 공간 빌더 ()에서 앱 엔진 스튜디오AES작업 공간을 빠르게 만들 수 있습니다.

    모든 요소 및 구성 요소에 대한 자세한 내용은 ServiceNow® 개발자 사이트.

    데이터 시각화 구성요소

    데이터 시각화 구성요소는 홈페이지에서 작업 공간 빌더 사용할 수 있는 차트 유형에 대한 컨테이너입니다. 응용 프로그램에 따라 다른 방식으로 데이터를 표시하려면 차트 유형을 선택합니다.

    샘플 데이터 시각화 요소

    필터 구성요소

    필터를 사용하면 시각화를 수정하지 않고도 데이터 시각화를 필터링할 수 있습니다. 캔버스에서 홈페이지로 작업할 때 필터 요소를 추가합니다. 그런 다음 테이블, 필드 및 기타 속성을 선택하여 필터를 구성합니다. 사용자가 필드의 값을 하나 이상 선택하면 동일한 데이터 소스를 기반으로 하는 데이터 시각화에 필터가 적용됩니다.

    필터 구성요소를 사용하여 작업 공간을 빌드하는 방법에 대한 자세한 내용은 다음 주제 및 소스를 참조하십시오.

    제목 구성요소

    제목 구성요소는 작업 공간의 홈페이지에서 사용할 수 있습니다. 제목 구성요소를 사용하여 방문 페이지에 제목을 추가합니다.

    다음 이미지는 내 제목을 방문 페이지의 제목으로 보여줍니다.

    다음 표에서는 제목 구성 요소 매개 변수에 대해 설명합니다.
    표 1. 제목 구성요소 매개변수
    매개변수 설명
    구성요소 이름 스테이지 창의 구성요소 위에 있는 구성요소 컨트롤에 나타나는 이름입니다. 최대 문자 수는 18자입니다. 구성요소 이름입니다.
    레이블 제목의 텍스트입니다.
    스타일 제목 텍스트의 크기입니다.
    자동 줄 바꿈 사용 안 함 제목 텍스트를 래핑하거나 래핑하지 않으려면 전환합니다. 헤딩 텍스트를 줄 바꿈하지 않도록 설정하고 헤딩이 방문 페이지보다 넓은 경우 에서는 UI 빌더 헤딩의 끝을 자르고 줄임표를 추가합니다. 사용자가 방문 페이지를 넓히면 더 많은 제목 텍스트가 나타납니다.

    긴 페이지 제목 잘림

    아래 여백 숨기기 전환하여 제목 텍스트 아래에 빈 줄을 표시하거나 숨깁니다.
    제목 구성요소에 대한 자세한 내용은 다음 주제 및 소스를 참조하십시오.

    이미지 구성요소

    이미지 구성요소를 사용하여 방문 페이지에 이미지를 추가합니다.

    이미지 구성 요소 아이콘( 이미지 구성 요소)을 미리 보기 창으로 드래그하면 변경 및 크기 조정이 가능한 스톡 이미지가 나타납니다. 이미지의 URL을 제공하여 스톡 이미지를 변경할 수 있습니다.

    다음 표에서는 이미지 구성 요소의 매개 변수에 대해 설명합니다.
    표 2. 이미지 구성요소 매개변수
    매개변수 설명
    구성요소 이름 스테이지 창의 구성요소 위에 있는 구성요소 컨트롤에 나타나는 이름입니다. 최대 문자 수는 18자입니다. 구성요소 이름입니다.
    대체 텍스트 WCAG와 호환되도록 이미지에 레이블을 지정하는 HTML Alt 요소입니다.
    이미지 URL 이미지의 URL입니다.
    맞춤 이미지 크기 제어.
    • 확장하여 채우기는 이미지가 컨테이너를 채우도록 X축과 Y축의 이미지를 비례적으로 확대 또는 축소합니다.
    • [크기에 맞게 늘이기 ]는 이미지를 확대하여 컨테이너를 채우지만 이미지가 비례적으로 확장되지 않도록 합니다.
    • 원래 크기 유지 는 컨테이너보다 크거나 작을 수 있는 원래 크기로 이미지를 표시합니다.
    위치 컨테이너의 이미지 위치입니다. 예를 들어 Bottom-right 는 이미지를 컨테이너의 오른쪽 아래에 배치합니다. 이 매개 변수는 이미지가 컨테이너보다 작은 경우에만 작동합니다.
    높이 높이의 픽셀 수로 측정된 이미지의 높이입니다. 이 높이가 이미지 높이보다 짧으면 매개 변수가 이미지의 상단을 잘라냅니다. 너비는 비례적으로 줄어들지 않습니다.

    이미지 구성 요소에 대한 자세한 내용은 을 참조하십시오 .

    목록 구성요소

    목록 구성요소를 사용하여 방문 페이지에 목록을 추가합니다.

    목록 구성 요소 아이콘( List component)을 미리 보기 창으로 드래그하면 샘플 목록이 나타납니다.

    다음 표에서는 목록 구성 요소 매개 변수에 대해 설명합니다. 목록 구성요소에서 매개변수 값의 위치에 이전 이미지를 사용합니다.
    표 3. 목록 구성요소 매개변수
    매개변수 설명
    구성요소 이름 스테이지 창의 구성요소 위에 있는 구성요소 컨트롤에 나타나는 이름입니다. 최대 문자 수는 18자입니다. 구성요소 이름입니다.
    목록 제목 목록의 제목입니다.
    테이블 목록에 나타나는 기록의 출처인 데이터베이스 테이블 모자입니다.
    쿼리 조건 작성기를 여는 데 사용하는 버튼으로, 목록에 포함된 기록을 필터링할 수 있습니다. 예를 들어, 테이블 에서 활성이 true 이고 우선순위가 1 – 중요라는 조건을 만족하는 목록 기록만 표시할 수 있습니다. 배지 및 카운트 아이콘( 쿼리 배지)은 적용된 필터 수를 표시합니다. 배지가 없으면 필터도 없습니다.
    기본 열 대신 목록에 표시되도록 지정한 열 수입니다. 매개변수를 여러 번 사용하여 여러 열을 표시합니다.
    최대 행 수 목록에 표시되도록 지정하는 최대 행 수입니다. 기본값은 5입니다. 최대값은 100입니다.
    최대 열 목록에 표시되도록 지정하는 최대 열 수입니다. 기본값은 5입니다. 열 수가 이 매개 변수의 값보다 크면 첫 번째 열만 나타납니다.
    헤더 숨기기 전환하여 목록의 헤더를 표시하거나 숨깁니다.
    제목 숨기기 전환하여 목록의 제목을 표시하거나 숨깁니다.
    기록 수가 있는 배지 숨기기 전환하여 목록의 배지 및 기록 카운트를 표시하거나 숨깁니다. 숫자는 목록의 총 기록 수입니다. 현재 디스플레이에는 일부 기록만 표시될 수 있습니다.
    새로 고침 버튼 숨기기 새로 고침 버튼을 표시하거나 숨기려면 전환합니다.
    "마지막 새로 고침" 텍스트 숨기기 "마지막 새로 고침" 텍스트를 표시하거나 숨기려면 전환합니다.
    링크 숨기기 숫자 열의 값을 연결할지 여부를 전환합니다. 링크가 아닌 경우 숫자 텍스트는 검은색입니다. 다음 이미지에서 검은색 숫자는 링크가 아닙니다. 녹색으로 표시된 숫자는 링크입니다.

    열의 숫자는 링크가 아닙니다.

    "모두 보기" 바닥글 숨기기 바닥글에서 "모두 보기" 링크를 표시하거나 숨기려면 전환합니다.
    강조 표시된 값 숨기기 지정된 목록 필드에 표시되도록 구성된 하이라이트를 표시하거나 숨기려면 전환합니다. 자세한 내용은 작업 공간에서 목록 필드 강조 표시를 참조하십시오.
    빈 상태 이미지 숨기기 필터 조건으로 인해 목록에 기록을 표시할 수 없는 경우 나타나는 이미지를 표시하거나 숨기려면 전환합니다. 에이전트가 목록이 비어 있음을 인식할 수 있도록 응답을 표시하려는 것입니다. 이미지는 변경할 수 없습니다. 표시할 기록이 없습니다.

    목록 구성 요소에 대한 자세한 내용은 을 참조하십시오 .

    서식 있는 텍스트 구성요소

    서식 있는 텍스트 구성요소로 방문 페이지에 텍스트를 추가하여 방문 페이지의 일부를 설명합니다(예: "우선순위 1 인시던트 먼저 해결").

    다음 표에서는 서식 있는 텍스트 구성 요소 매개 변수에 대해 설명합니다.
    표 4. 서식 있는 텍스트 매개변수
    매개변수 설명
    구성요소 이름 스테이지 창의 구성요소 위에 있는 구성요소 컨트롤에 나타나는 이름입니다. 최대 문자 수는 18자입니다. 구성요소 이름입니다.
    HTML 텍스트를 입력하는 데 사용하는 HTML 편집기입니다.

    HTML 편집기

    서식 있는 텍스트 구성 요소에 대한 자세한 내용은 을 참조하십시오 .