필드 스타일 정의

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 3분

    • 필드 스타일을 사용하면 목록이나 양식에서 필드에 대한 개별 CSS 스타일을 선언할 수 있습니다.

    시작하기 전에

    필요한 역할: personalize_styles 또는 admin

    이 태스크 정보

    CSS를 사용하면 필드의 다음 속성을 변경할 수 있습니다.
    • 색상을 변경합니다.
    • 글꼴 속성(굵게, 기울임꼴, 밑줄)을 변경합니다.
    • 텍스트의 패딩 및 정렬을 변경합니다.

    필드 스타일과 동일한 범위에 있는 테이블 및 데이터베이스 뷰와 필드 스타일과 동일한 범위에 필드가 하나 이상 있는 다른 테이블에 대한 필드 스타일을 정의할 수 있습니다. 테이블에 대해 정의된 필드 스타일은 테이블을 포함하는 데이터베이스 뷰에 적용되지 않습니다. 데이터베이스 뷰에 대해 별도의 필드 스타일을 생성합니다.

    주:
    활동 포매터와 함께 사용되는 설명 및 작업 메모 필드에는 필드 스타일이 적용되지 않습니다. 이러한 필드의 배경색은 sys_properties 테이블에 있는 및 glide.ui.activity_stream.style.work_notes 시스템 속성을 사용하여 glide.ui.activity_stream.style.comments 설정할 수 있습니다.

    프로시저

    1. 다음 방법 중 하나를 통해 필드의 스타일 목록으로 이동합니다.
      • 양식의 필드 레이블을 마우스 오른쪽 버튼으로 클릭하고 스타일 구성을 선택합니다.
      • 다음으로 이동 시스템 UI > 필드 스타일을 클릭하고 스타일을 적용할 필드를 찾습니다(관리자만 해당).
    2. 새로 만들기를 선택하거나 수정할 스타일을 선택합니다.
    3. 양식을 작성합니다.
      필드 설명
      테이블 필드가 포함된 테이블입니다.
      주:
      이 목록에는 필드 스타일에 대한 범위 보호를 충족하는 테이블과 데이터베이스 뷰만 표시됩니다.
      필드 이름 스타일이 적용되는 필드입니다.
      값 스타일을 적용하는 데 필요한 정확한 값 또는 스크립트 기반 조건입니다.
      주:
      이 값은 필드가 읽기 전용이 아닌 경우에만 목록 필드 스타일에 영향을 줍니다. 필드가 읽기 전용인 경우 이 값은 목록과 양식 모두에 영향을 줍니다.

      필드 스타일을 양식에만 적용하려면 값 필드를 비워 둡니다.
      스타일 적용할 CSS 스타일입니다.

      예를 들어 기록 목록에서 인시던트 범주 필드의 배경을 24px 글꼴 크기와 흰색 텍스트 색으로 빨간색으로 만들려면 다음 코드를 입력합니다.

      background-color:red;
font-size:24px;
color:white;

      값 필드에서 구문 javascript:<![CDATA[<script>]]>와 함께 스크립트 기반 조건을 사용하여 시스템에서 목록의 필드에 스타일을 적용해야 하는지 여부를 결정할 수 있습니다. 평가된 스크립트가 true를 반환하면 시스템이 목록 항목에 스타일을 적용합니다.

      스크립트는 스크립트 객체에 액세스할 current 수 있으며, 이를 통해 현재 기록의 필드 값을 기반으로 조건을 작성할 수 있습니다. 예를 들어, 다음 스크립트는 필드 값을 기준으로 기한이 지난 항목을 확인합니다.
       javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0
      주:
      이 예에서 current.u_datefield 는 사용자 지정 날짜 필드의 이름을 나타냅니다.
      시스템은 값 필드에서 하나의 javascript:<![CDATA[<script>]]> 항목만 지원합니다. 여러 JavaScript 조건을 입력하려면 조건을 하나의 문으로 통합합니다. 예를 들어, 다음과 같은 잘못된 항목 대신 다음을 수행할 수 있습니다.
      javascript: current.state == "Completed" javascript: current.error_tables > 0
      조건을 다음과 같은 하나의 문으로 통합합니다.
      javascript: current.state == "Completed" && current.error_tables > 0
    4. 옵션: 스타일에 대한 대체 텍스트를 추가하려면 대체 텍스트 필드를 추가하도록 양식을 구성합니다 .
      VIP 스타일 아이콘과 같은 스타일의 경우 화면 판독기에서 스타일과 텍스트를 구분할 수 있도록 대체 텍스트를 추가할 수 있습니다.
    5. 제출 또는 업데이트를 선택합니다.