---
sourceDocument: 호주 판매 고객 관계 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/order-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 판매 고객 관계 관리

ft:clusterId :

    - omgmt

bundleId :

    - omgmt

workflow :

    - Customer and Industry


---

# UI 표시 구성요소

# UI 표시 구성요소 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2026년 03월 16일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 3분

UI에서 CPQ 최종 사용자에게 표시되는 선택 목록, 텍스트 및 번호 필드의 예를 봅니다.

## 선택 목록 필드 {#cpq-ui-display-components__section_xp4_q2v_p3c}

{#cpq-ui-display-components__table_hsb_ffv_p3c__entry__4}

| 이름 | 옵션 | 외관 | 메모 |
|-|-|-|-|
| RadioButtons |   | ![가로 방향의 라디오 버튼]() | 단일 선택 |
| VerticalRadio |   | ![세로 방향의 라디오 버튼]() | 단일 선택 |
| Radio |   | ![옵션]() | 단일 선택 |
| Checkbox |   | ![가로 방향의 확인란]() | 다중 선택 |
| VerticalCheckbox |   | ![세로 방향의 확인란]() | 다중 선택 |
| Picklist |   | ![단일 옵션이 있는 선택 목록]() | 단일 선택; 필터링을 위한 콤보 상자 포함 |
| BasicPicklist |   | ![단일 옵션이 있는 기본 선택 목록]() | 단일 선택; 선택 전용; 필터링을 위한 콤보 상자 없음 |
| MultiSelectPicklist |   | ![다중 선택 선택 목록]() | 다중 선택; 필터링을 위한 콤보 상자 포함 |
| VisualPicker |   |   | 이미지를 사용한 단일 선택 |
| MultiSelectVisualPicker |   |   | 이미지를 사용하여 다중 선택 |
| ExtendedPicklist |   |   | 이미지를 사용하여 단일 선택; 선택 목록 확장; 필터링을 위한 콤보 상자 포함 |
| MultiSelectExtendedPicklist |   |   | 이미지를 사용하여 다중 선택; 선택 목록 확장; 필터링을 위한 콤보 상자 포함 |
| ExtendedPicklistDisplayOnly | * 필드 레이블 숨기기 * 옵션 레이블 숨기기 * 센터 콘텐츠 * 가로 또는 세로로 정렬 * 이미지 크기 제어 {#cpq-ui-display-components__ul_kvh_fmv_p3c} |   | 이미지를 사용하여 단일 선택; 선택 목록 확장; 필터링을 위한 콤보 상자 포함 |
| MultiSelectExtendedPicklistDisplayOnly | * 필드 레이블 숨기기 * 옵션 레이블 숨기기 * 센터 콘텐츠 * 가로 또는 세로로 정렬 * 이미지 크기 제어 {#cpq-ui-display-components__ul_tys_hmv_p3c} |   | 이미지를 사용하여 다중 선택; 선택 목록 확장; 필터링을 위한 콤보 상자 포함 |
| SingleSelectPicklistGrid | * 열 헤더 설정 * 열 정렬 설정 * 이미지 크기 제어 {#cpq-ui-display-components__ul_b3m_hnv_p3c} 가격 표시(통화 코드 또는 기호)는 레이아웃 설정을 따릅니다. |   | 이미지를 사용하여 단일 선택; 선택 목록 확장 |
| MultiSelectPicklistGrid | * 열 헤더 설정 * 열 정렬 설정 * 이미지 크기 제어 {#cpq-ui-display-components__ul_zqt_knv_p3c} 가격 표시(통화 코드 또는 기호)는 레이아웃 설정을 따릅니다. |   | 이미지를 사용하여 다중 선택; 선택 목록 확장 |
| SingleSelectProductPickerGrid | * 열 헤더 설정 * 열 정렬 설정 * 이미지 크기 제어 {#cpq-ui-display-components__ul_mtr_h4v_p3c} 제품 규칙 자동 생성 가격 표시(통화 코드 또는 기호)는 레이아웃 설정을 따릅니다. 사용자는 사용자 지정 하위 필드를 편집할 수 있습니다. - 기본적으로 수량을 포함합니다. 대량 작업: * 값 설정 * 옵션 포함 또는 제외 * 최소 및 최대 수량 지정 {#cpq-ui-display-components__ul_ntr_h4v_p3c} |   | 이미지를 사용하여 단일 선택; 제품 선택기 |
| MultiSelectProductPickerGrid | * 열 헤더 설정 * 열 정렬 설정 * 이미지 크기 제어 {#cpq-ui-display-components__ul_mvt_xnv_p3c} 제품 규칙 자동 생성 가격 표시(통화 코드 또는 기호)는 레이아웃 설정을 따릅니다. 사용자는 사용자 지정 하위 필드를 편집할 수 있습니다. - 기본적으로 수량을 포함합니다. 대량 작업: * 값 설정 * 옵션 포함 또는 제외 * 최소 및 최대 수량 지정 {#cpq-ui-display-components__ul_ab4_f4v_p3c} |   | 이미지를 사용하여 다중 선택; 제품 선택기 |
| VisualProductPicker | * 넓거나 긴 사각형 * 이미지, 레이블, 가격, 설명 및 수량 필드 {#cpq-ui-display-components__ul_hwl_p4v_p3c} |   | 이미지를 사용하여 단일 선택; 제품 선택기 |
| MultiSelectVisualProductPicker | * 넓거나 긴 사각형 * 이미지, 레이블, 가격, 설명 및 수량 필드 {#cpq-ui-display-components__ul_vcf_r4v_p3c} |   | 이미지를 사용하여 다중 선택; 제품 선택기 |
[표 1. 선택 목록 필드]

{#cpq-ui-display-components__table_hsb_ffv_p3c}

## 텍스트 필드 {#cpq-ui-display-components__section_omb_r2v_p3c}

{#cpq-ui-display-components__table_mqv_2fv_p3c__entry__4}

| 이름 | 옵션 | 외관 | 메모 |
|-|-|-|-|
| Text |   | ![텍스트 필드]() |   |
| TextArea |   | ![텍스트 영역]() |   |
| ReadOnlyText |   | ![읽기 전용 텍스트]() | 다른 필드의 링크 및 콘텐츠 삽입을 포함한 마크다운 서식 지원 |
| Date |   |   |   |
| FormattedNumber |   |   | 입력 내에 표시되는 숫자 이전 또는 이후 단위 지원 |
| LocationLookup |   |   | Google API에 액세스하여 지정된 필드에 삽입할 수 있는 위치 데이터를 반환합니다. |
[표 2. 텍스트 필드]

{#cpq-ui-display-components__table_mqv_2fv_p3c}

## 숫자 필드 {#cpq-ui-display-components__section_vlq_s2v_p3c}

{#cpq-ui-display-components__table_jc4_2fv_p3c__entry__4}

| 이름 | 옵션 | 외관 | 메모 |
|-|-|-|-|
| Number | 최소값 및 최대값; 단계 크기 레이아웃 값 예: `{"step":1,"min":0,"max":100}` | ![NUmber 필드]() |   |
| Slider | 최소값 및 최대값; 단계 크기 레이아웃 값 예: `{"step":1,"min":0,"max":100}` | ![슬라이더]() |   |
| NumberWithSubmit | 단추 레이블 | ![제출이 있는 번호]() |   |
[표 3. 숫자 필드]

{#cpq-ui-display-components__table_jc4_2fv_p3c}

## 부울 필드 {#cpq-ui-display-components__section_fdg_t2v_p3c}

{#cpq-ui-display-components__table_vph_cfv_p3c__entry__4}

| 이름 | 옵션 | 외관 | 메모 |
|-|-|-|-|
| Boolean | true 및 false 상태에 대한 레이블 | ![부울 필드]() |   |
[표 4. 부울 필드]

{#cpq-ui-display-components__table_vph_cfv_p3c}