---
sourceDocument: Yokohama Mobile 구성 및 탐색
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - ko-KR

ft:publication_title :

    - Yokohama Mobile 구성 및 탐색

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# 입력 양식 화면에 대한 설명 요소 구성

# 입력 양식 화면에 대한 설명 요소 구성 {#ariaid-title1}

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

입력 양식 화면 내의 입력 필드 앞에 간단한 텍스트, 서식 있는 텍스트 또는 이미지와 같은 설명 요소를 추가합니다. 화면에 표시되는 이 추가 정보는 사용자에게 컨텍스트를 제공하여 사용자가 입력 양식에 데이터를 입력할 때 필요한 사항을 더 잘 이해할 수 있도록 지원합니다.

## 시작하기 전에

필요한 역할: admin

## 이 태스크 정보

입력 필드, 입력 필드가 포함된 섹션 또는 입력 없이 입력 양식 섹션에 설명 요소를 추가할 수 있습니다. 설명 요소는 간단한 텍스트, 서식 있는 텍스트 또는 입력 앞에 나오는 이미지를 선택하는 것일 수 있습니다.  
설명 요소를 생성하기 전에 다음 요소를 구성해야 합니다.

* 하나 이상의 요소 식별자를 포함하는 데이터 소스입니다. 데이터 소스를 사용하면 설명 요소를 입력 양식 화면에 쉽게 매핑할 수 있습니다. 자세한 내용은 [데이터 소스](https://servicenow-prod.fluidtopics.net/00EA7dEcVFCYePk03z9r1w "데이터 소스는 요소 식별자를 사용하여 UI 요소를 특정 데이터베이스 필드에 매핑하는 로드 메커니즘입니다. 데이터 소스를 사용하여 데이터를 검색하고 입력 양식 화면에 표시합니다.") 문서를 참조하십시오.
* 입력 또는 입력 양식 섹션이 될 수 있는 기록 섹션:
  * 입력 양식 섹션은 일반적으로 정의된 헤더가 있는 입력 양식 화면의 정의된 영역에 있는 입력 그룹입니다.
  * 입력은 사용자가 입력 양식 화면 내에서 작성할 수 있는 개별 필드입니다. 입력은 섹션 내에 있거나 섹션과 독립적으로 위치할 수 있습니다.
  {#descriptive-elements-script__ul_lfl_bbn_p2c}

{#descriptive-elements-script__ul_cdy_z1n_p2c}  
주:  
각 입력 또는 각 입력 양식 섹션에 대한 설명 요소가 여러 개 있을 수 있습니다. 그러나 모든 입력의 각 설명 요소에 대해 별도의 기록을 만들어야 합니다.
설명 요소를 만들 때 다음 단계가 필요합니다. 먼저 설명 요소가 무엇이며 무엇과 관련이 있는지 선언합니다. 다음으로, 설명 요소가 입력 또는 입력 양식 섹션과 연결되어 있는지 여부를 결정합니다. 그런 다음 선택한 각 유형의 설명 요소에 대한 속성을 생성합니다. 마지막으로 설명 요소를 입력 양식 화면 UI 요소에 매핑합니다.{#descriptive-elements-script__table_pw5_xys_p2c__entry__2}

| 입력 양식 화면의 이미지 및 서식 있는 텍스트의 설명 요소 | 입력 양식 화면의 이미지 및 일반 텍스트의 설명 요소 |
|-|-|
|   |   |
[ ]

{#descriptive-elements-script__table_pw5_xys_p2c}

## 프로시저

1. 다음으로 이동 모두시스템 모바일모바일 앱 작성기.  
   모바일 앱 작성기 새 브라우저 탭에서 열리고 애플리케이션 범위 선택 화면이 표시됩니다.
2. 작업 중인 애플리케이션 범위를 검색한 다음 애플리케이션 범위의 이름을 선택합니다.  
   모바일 앱 작성기 범주 홈 화면이 표시됩니다.
3. 메뉴에서 모든 모바일 기록 을 선택합니다.
4. 기록 유형 필드에서 설명 요소 \[sys_sg_descriptive_element\]를 선택한 다음 새로 만들기를 선택합니다.
5. 필요에 따라 다음 필드를 작성합니다.  
   {#descriptive-elements-script__table_msb_ybn_p2c__entry__2}

   | 필드 | 값 |
   |-|-|
   | 속성 ||
   | 이름 | 설명 요소의 고유한 이름입니다. |
   | 레이블 | 설명 요소 위에 표시되는 레이블입니다. |
   | 설정 ||
   | 설명 요소 유형 | 세 가지 설명 요소를 사용할 수 있습니다. * 서식 있는 텍스트: 굵게, 밑줄, 기울임꼴, 글머리 기호, 번호를 매긴 목록, 글꼴 색과 같은 HTML 태그를 지원합니다. * 텍스트: 서식 있는 텍스트 요소가 없는 일반 텍스트입니다. * 이미지: 설명 요소에 수반되는 단일 이미지입니다. {#descriptive-elements-script__ul_jll_3cn_p2c} 주: 설명 요소 속성 필드에서 사용할 수 있는 속성은 선택한 설명 요소에 따라 다릅니다. |
   | 순서 | 이 설명 요소가 입력 앞에 표시되는 순서입니다. |
   | 설명 요소 배치 ||
   | 상위 테이블 | 지정된 영역 내에 설명 요소를 배치하는 옵션입니다. 다음 옵션을 사용할 수 있습니다. * 입력: 설명 요소가 입력 앞에 옵니다. * 입력 양식 섹션: 설명 요소가 특정 섹션 내에 있습니다. {#descriptive-elements-script__ul_ndx_qcn_p2c} 주: 일반적으로 설명 요소는 섹션의 맨 위에 배치됩니다. 그러나 입력을 표시하지 않고 섹션 내에 설명 요소를 포함하는 옵션도 있습니다. 구성 지침은 8단계를 참조하십시오. |
   | 상위 기록 | 상위 테이블과 관련된 입력 또는 입력 양식 섹션입니다. |
   | 설명 요소 속성 | 속성을 사용하여 설명 요소가 모바일 장치에 표시되는 방식을 결정합니다. 새로 만들기를 선택하여 속성을 추가합니다. 다음 속성은 모든 설명 요소 유형(서식 있는 텍스트, 텍스트 및 이미지)에 사용할 수 있습니다. <var class="keyword varname">DataSourceId</var> :   작업 중인 데이터 소스의 고유 식별자입니다. 이 속성은 설명 요소에 사용해야 합니다. <var class="keyword varname">ElementIdentifier</var> :   각 UI 요소의 고유 식별자입니다. 이 속성은 설명 요소에 사용해야 합니다. 주: 이 식별자는 데이터 소스 스크립트에서 <var class="keyword varname">valuesMapper.addRecordMapping</var> 으로 나열됩니다 <var class="keyword varname">MergeWithNextUIElement</var> :   이것이 설명 요소가 입력 양식 화면에 나타나는 방법입니다. 입력 또는 입력 섹션 사이에 간격을 만들려면 <kbd class="ph userinput">예</kbd> 로 표시합니다. 주: 다음과 같은 기본값이 있습니다. * <kbd class="ph userinput">입력</kbd> 유형의 상위 테이블에 <kbd class="ph userinput">false</kbd> 값이 있습니다. * <kbd class="ph userinput">입력 양식 섹션</kbd> 유형의 상위 테이블에 <kbd class="ph userinput">true</kbd> 값이 있습니다. {#descriptive-elements-script__ul_kqj_tdn_p2c} 설명 요소 유형인 이미지에도 다음 속성을 사용할 수 있습니다. <var class="keyword varname">AlternativeText</var> :   사용자에게 읽어줄 대체 텍스트를 입력하는 기능입니다. <var class="keyword varname">MediaHeight</var> :   이미지의 높이입니다. 기본값은 210픽셀입니다. <var class="keyword varname">크기 조정</var> :   프레임이 이미지에 맞도록 선택하여 종횡비를 유지합니다. 이미지를 잘라 프레임을 채우려면 채우기를 선택합니다. 이는 기본값입니다. |
   [ ]

   {#descriptive-elements-script__table_msb_ybn_p2c}
6. 설명 요소의 이름을 입력합니다.
7. 입력 값 앞에 표시할 설명 요소 유형(서식 있는 텍스트, 텍스트 또는 이미지)을 선택합니다.
8. 상위 테이블 필드에서 설명 요소가 입력 앞에 표시되는지 아니면 섹션의 맨 위에 표시되는지 선택합니다.  
   주:  
   일반적으로 설명 요소는 섹션의 맨 위에 배치됩니다. 그러나 입력을 표시하지 않고 섹션 내에 설명 요소를 포함하는 옵션도 있습니다. 이 레이아웃을 적용하려면 다음 구성을 적용해야 합니다.
   1. 웹 기반 UI를 엽니다.
   2. 다음으로 이동 모두sys_sg_section_attribute.list.
   3. 새로 만들기를 선택합니다.
   4. 이름 필드에 false 값을 가지는 <var class="keyword varname">HideIfDescriptiveOnly</var> 속성 이름을 <kbd class="ph userinput">추가합니다.</kbd> 이 설정은 해당 섹션에 입력이 없어도 설명 요소가 표시됨을 나타냅니다.
   5. 선택 필드에서 이 속성이 적용되는 입력 양식의 섹션을 선택합니다.
   6. 제출을 선택합니다.
   {#descriptive-elements-script__ol_j2f_dmj_rfc}
9. 상위 기록 필드에서 상위 테이블이 관련된 입력 또는 입력 양식 섹션을 선택합니다.
10. 설명 요소 속성 필드에서 새로 만들기를 선택하고 다음을 수행합니다.  
    1. 이름 필드에서 DataSourceID를 선택합니다.
    2. 값 필드에서 데이터 소스 스크립트에 나열된 값을 선택합니다.
    3. 저장을 선택합니다.
    4. 이름 필드에서 ElementIdentifier를 선택합니다.
    5. 데이터 소스 스크립트에 쓰여진 대로 요소 식별자를 입력합니다.
    6. 저장을 선택합니다.

    {#descriptive-elements-script__ol_a4l_p2n_p2c}  
    주:  
    데이터 소스 및 요소 식별자에 사용할 수 있는 값은 데이터 소스 스크립트에 자세히 설명되어 있습니다. 이 설명 요소에 사용할 요소 식별자에 대한 매핑이 포함된 데이터 소스를 선택합니다.
11. **옵션:** 작업 중인 설명 요소와 관련된 다른 설명 요소 속성을 선택합니다.
12. 저장을 선택합니다.