---
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


---

# 트랜잭션 관리자: 레이아웃 - 스테이지 진행률 펼침 단추

# 트랜잭션 관리자: 레이아웃 - 스테이지 진행률 펼침 단추 {#ariaid-title1}

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

레이아웃 JSON 또는 YAML을 사용하여 진행률 표시줄을 구성하고 정적으로 또는 동적으로 정의할 수 있습니다. 코드 스니펫을 참조하세요.

## 목적 {#transaction-manager-layouts-the-stages-progress-chevron__Purpose}

스테이지 진행률 펼침 단추 구성요소는 트랜잭션의 스테이지 진행률을 시각적으로 표현한 것으로, 일반적으로 가로 펼침 단추 막대로 표시됩니다. 정적으로 또는 동적으로 정의할 수 있으며 레이아웃 JSON을 통해 구성할 수 있습니다.

## 구성 옵션 {#transaction-manager-layouts-the-stages-progress-chevron__Configuration-Options}

구성요소는 레이아웃 JSON의 루트 수준( `헤더` 또는 `tierDef`와 함께)에 배치됩니다.

## 정적 정의 {#transaction-manager-layouts-the-stages-progress-chevron__Static-Definition}

스테이지 목록을 수동으로 정의합니다.

JSON:

    "stageProgress": {
      "stageList": [
        { "value": "draft", "label": "Draft" },
        { "value": "stage2", "label": "Stage 2" },
        ...
      ],
      "currentStage": "draft"
    }

YAML입니다.

    stageProgress:
      stageList:
        - value: draft
          label: Draft
        - value: stage2
          label: Stage 2
        # ... add more stages as needed
      currentStage: draft

* `stageList` 는 각 스테이지의 `값` 과 표시 `레이블`을 정의합니다.
* `currentStage` 는 활성 스테이지를 강조 표시합니다.

  `currentStage`가 생략되면 기본값은 `txn.stage`입니다. 이를 통해 여러 스테이지에서 사용하는 기본 레이아웃에서 사용할 수 있습니다.
{#transaction-manager-layouts-the-stages-progress-chevron__ul_nyl_dtl_hhc}

## 사용자 지정 선택 목록 기반 정의 {#transaction-manager-layouts-the-stages-progress-chevron__Custom-Picklist-Based-Definition}

사용자 지정 필드를 사용하여 펼침 버튼을 동적으로 채웁니다.

JSON:

    "stageProgress": {
      "stageListField": "txn.custom.stageList",
      "currentStageField": "txn.custom.stageList"
    }

YAML입니다.

    stageProgress:
      stageListField: txn.custom.stageList
      currentStageField: txn.custom.stageList

* `stageListField` 는 사용 가능한 스테이지 목록을 가져올 위치를 지정합니다.
* `currentStageField` 는 현재 스테이지 값이 포함된 필드를 지정합니다.

{#transaction-manager-layouts-the-stages-progress-chevron__ul_pyl_dtl_hhc}

이 메서드는 다음을 지원합니다.

* 특정 스테이지를 숨기거나 비활성화하는 제외 규칙입니다.
* 현재 스테이지의 값을 설정하는 결정 규칙입니다.결정 규칙은 여러 스테이지를 단일 펼침 단추로 표시해야 할 경우에 유용합니다.

{#transaction-manager-layouts-the-stages-progress-chevron__ul_qyl_dtl_hhc}

## 조합 사용 {#transaction-manager-layouts-the-stages-progress-chevron__Combination-Use}

정적 구성과 동적 구성을 혼합할 수 있습니다.

* 동적 `currentStageField`와 함께 정적 `stageList`를 사용합니다.
* `stageList`와 `stageListField`가 모두 정의되지 않은 경우 아무 것도 표시되지 않습니다.
* `currentStage`와 `currentStageField`가 모두 정의되지 않은 경우 `기본적으로 txn.stage`가 사용됩니다.
* 정적 버전과 동적 버전이 모두 있는 경우 동적 버전이 우선합니다.
{#transaction-manager-layouts-the-stages-progress-chevron__ul_syl_dtl_hhc}

## 테마 {#transaction-manager-layouts-the-stages-progress-chevron__Theming}

구성요소는 CSS 사용자 지정 속성을 사용한 테마 지정을 지원합니다. 다음 표는 관련 변수의 완전하지 않은 목록을 보여줍니다.
{#transaction-manager-layouts-the-stages-progress-chevron__table_wyl_dtl_hhc__entry__2}

| 변수 | 설명 |
|-|-|
| `--lgk-ProgressStep-chevron-size` | 전체 펼침 단추 크기 |
| `--lgk-ProgressStep-chevron-width` | 펼침 단추의 고정 너비 |
| `--lgk-ProgressStep-chevron-minWidth` | 펼침 단추당 최소 너비 |
| `--lgk-ProgressStep-chevron-패딩` | 각 펼침 단추 안쪽 패딩 |
| `--lgk-ProgressStep-chevron-disabled-opacity` | 비활성화된/비활성 펼침 단추의 불투명도 |
| `--lgk-ProgressStep-incomplete-backgroundColor` | 미완료된 단계의 배경 |
| `--lgk-ProgressStep-incomplete-chevron-color` | 완료되지 않은 단계의 경우 펼침 단추 아이콘 색상 |
| `--lgk-ProgressStep-current-backgroundColor` | 현재 단계의 배경 |
| `--lgk-ProgressStep-current-chevron-color` | 현재 단계의 펼침 단추 아이콘 색상 |
| `--lgk-ProgressStep-chevron-label-fontSize` | 스테이지 레이블의 글꼴 크기 |
| `--lgk-ProgressStep-chevron-label-fontWeight` | 스테이지 레이블의 글꼴 두께 |
[ ]

{#transaction-manager-layouts-the-stages-progress-chevron__table_wyl_dtl_hhc}  
팁:  
브라우저에서 요소를 검사하여 더 많은 사용자 지정 속성을 탐색할 수 있습니다.