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

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 03월 05일
  • 읽기4분

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

    시작하기 전에

    필요한 역할: 관리자

    이 태스크 정보

    입력 필드, 입력 필드가 포함된 섹션 또는 입력 없이 입력 양식 섹션에 설명 요소를 추가할 수도 있습니다. 설명 요소는 간단한 텍스트, 서식 있는 텍스트 또는 입력 앞에 오는 이미지를 선택할 수 있습니다.

    설명 요소를 구성하려면 다음 요소가 구성되어 있어야 합니다.
    • 하나 이상의 요소 식별자를 포함하는 데이터 소스입니다. 데이터 소스를 사용하면 설명 요소를 입력 양식 화면에 쉽게 매핑할 수 있습니다. 자세한 내용은 데이터 소스 문서를 참조하십시오.
    • 입력 또는 입력 양식 섹션일 수 있는 기록 섹션:
      • 입력 양식 섹션은 입력 양식 화면의 정의된 영역에 있는 입력 그룹으로, 일반적으로 정의된 헤더가 있습니다.
      • 입력은 사용자가 입력 양식 화면으로 완료할 수 있는 개별 필드입니다. 입력은 섹션 내에 위치하거나 섹션과 독립적으로 위치할 수 있습니다.
    주:
    각 입력 또는 각 입력 양식 섹션에 대해 여러 설명 요소가 있을 수 있습니다. 그러나 모든 입력의 각 설명 요소에 대해 별도의 기록을 생성해야 합니다.
    설명 요소를 만들 때 다음 단계가 필요합니다. 먼저 설명 요소가 무엇이고 무엇과 관련이 있는지 선언합니다. 다음으로, 설명 요소가 입력 또는 입력 양식 섹션과 연결되어 있는지 여부를 결정합니다. 그런 다음 선택한 각 설명 요소 유형에 대한 속성을 생성합니다. 마지막으로 설명 요소를 입력 양식 화면 UI 요소에 매핑합니다.
    입력 양식 화면의 이미지 및 서식 있는 텍스트에 대한 설명 요소 입력 양식 화면에 있는 이미지 및 일반 텍스트의 설명 요소
    입력 양식 화면에 있는 이미지 및 서식 있는 텍스트의 설명 요소입니다. 입력 양식 화면에 있는 이미지와 일반 텍스트의 설명 요소입니다.

    프로시저

    1. 다음으로 이동 모두 > 시스템 모바일 > 모바일 앱 작성기.
      새 브라우저 탭에 모바일 앱 작성기가 열리고 애플리케이션 범위 선택 화면이 표시됩니다.
    2. 작업 중인 애플리케이션 범위를 검색한 다음, 애플리케이션 범위의 이름을 선택합니다.
      모바일 앱 작성기 범주 홈 화면이 표시됩니다.
    3. 메뉴에서 모든 모바일 기록을 선택합니다.
    4. 기록 유형 필드에서 설명 요소 [sys_sg_descriptive_element]를 선택한 다음 새로 만들기를 선택합니다.
    5. 필요에 따라 다음 필드를 작성합니다.
      필드 값
      속성
      이름 설명 요소의 고유한 이름입니다.
      레이블 설명 요소 위에 표시되는 레이블입니다.
      설정
      설명 요소 유형 세 가지 설명 요소를 사용할 수 있습니다.
      • 서식 있는 텍스트: 굵게, 밑줄, 기울임꼴, 글머리 기호, 번호 매기기 목록 및 글꼴 색상과 같은 HTML 태그를 지원합니다.
      • 텍스트: 서식 있는 텍스트 요소가 없는 일반 텍스트입니다.
      • 이미지: 설명 요소와 함께 제공되는 단일 이미지입니다.
      주:
      설명 요소 속성 필드에서 사용할 수 있는 속성은 선택한 설명 요소에 따라 다릅니다.
      순서 이 설명 요소가 입력 전에 표시되는 순서입니다.
      설명 요소 배치
      상위 테이블 지정된 영역 내에 설명 요소를 배치하는 옵션입니다. 다음 옵션을 사용할 수 있습니다.
      • 입력: 설명 요소가 입력보다 우선합니다.
      • 입력 양식 섹션: 설명 요소가 특정 섹션 내에 있습니다.
      주:
      일반적으로 설명 요소는 섹션의 맨 위에 배치됩니다. 그러나 입력을 표시하지 않고 섹션 내에 설명 요소를 포함하는 옵션도 있습니다.
      이 표시를 수행하려면 다음을 수행합니다.
      1. 웹 기반 UI를 엽니다.
      2. 다음으로 이동 모두 > sys_sg_section_attribute.
      3. 새로 만들기를 선택합니다.
      4. 이름 필드에서 False 값을 가진 특성 이름 HideIfDescriptiveOnly를 추가합니다. 이 설정은 해당 섹션에 입력이 없는 경우에도 설명 요소가 표시되도록 합니다.
      상위 기록 상위 테이블이 관련된 입력 또는 입력 양식 섹션입니다.
      설명 요소 속성 속성을 사용하여 설명 요소가 모바일 장치에 표시되는 방식을 결정합니다. 새로 만들기를 선택하여 속성을 추가합니다. 다음 속성은 모든 설명 요소 유형(서식 있는 텍스트, 텍스트 및 이미지)에 사용할 수 있습니다.
      • DataSourceId: 작업 중인 데이터 소스의 고유 식별자입니다.
      • ElementIdentifier: 각 UI 요소의 고유 식별자입니다.
        주:
        이 식별자는 데이터 소스 스크립트에 valuesMapper.addRecordMapping 으로 나열됩니다.
      • MergeWithNextUIElement: 설명 요소가 입력 양식 화면에 표시되는 방식입니다. 입력 또는 입력 섹션 사이에 간격을 만들려면 예 로 표시합니다.
        다음과 같은 기본값이 있습니다.
        • 입력 유형의 상위 테이블은false 값을 갖습니다.
        • 입력 양식 섹션 유형의 상위 테이블 값은 true입니다.
      주:
      설명 요소에는 DataSourceId 및 ElementIdentifier 특성에 대한 값이 포함되어야 합니다.
      다음 속성은 설명 요소 유형인 이미지에도 사용할 수 있습니다.
      • AlternativeText: 사용자에게 읽어줄 대체 텍스트를 입력하는 기능입니다.
      • MediaHeight: 이미지의 높이입니다. 기본값은 210픽셀입니다.
      • 크기 조정: 프레임이 이미지에 맞도록 하고 종횡비를 유지하려면 맞춤 을 선택합니다. [채우기]를 선택하여 이미지를 잘라 프레임을 채웁니다. 이는 기본값입니다.
    6. 설명 요소 속성 필드에서 새로 만들기를 선택하고 다음을 수행합니다.
      1. 이름 필드에서 DataSouceId를 선택합니다.
      2. 값 필드에서 데이터 소스 스크립트에 나열된 값을 선택합니다.
      3. 저장을 선택합니다.
      4. 이름 필드에서 ElementIdentifier를 선택합니다.
      5. 데이터 소스 스크립트에 작성된 대로 요소 식별자를 입력합니다.
      6. 저장을 선택합니다.
      주:
      데이터 소스와 요소 식별자에 사용할 수 있는 값은 데이터 소스 스크립트에 자세히 설명되어 있습니다. 이 설명 요소에 사용할 요소 식별자에 대한 매핑을 포함하는 데이터 소스를 선택합니다.
    7. 옵션: 작업 중인 설명 요소와 관련된 다른 설명 요소 속성을 선택합니다.
    8. 저장을 선택합니다.