레이블

속성

JavaScript

유형

설명

상태 기반 서식 적용 사용

enableStateFormatting

boolean

ThingWorx에서 정의된 상태 정의를 기반으로 하는 위젯의 서식을 지정할 수 있습니다.

확인란을 선택하면 다음 속성이 표시됩니다.

• 종속 필드

• 상태 정의

예를 들어 레이블에 error의 상태 정의 값이 포함되어 있으면 레이블이 빨간색으로 변경됩니다.

ThingWorx의 스타일 및 상태 정의에 대한 자세한 내용은 ThingWorx 도움말 센터에서 스타일 및 상태 정의를 참조하십시오.

종속 필드

상태 기반 서식 적용 사용이 활성화된 경우 표시됩니다.

stateFormatValue

string

이 속성은 상태 기반 서식 적용 사용 확인란을 선택한 경우 표시됩니다. ThingWorx의 스타일 및 상태 정의에 대한 자세한 내용은 ThingWorx 도움말 센터에서 스타일 및 상태 정의를 참조하십시오.

상태 정의

상태 기반 서식 적용 사용이 활성화된 경우 표시됩니다.

stateFormat

boolean

이 속성은 상태 기반 서식 적용 사용 확인란을 선택한 경우 표시됩니다. ThingWorx의 스타일 및 상태 정의에 대한 자세한 내용은 ThingWorx 도움말 센터에서 스타일 및 상태 정의를 참조하십시오.

레이블 텍스트 줄 바꿈

wrap

boolean

이 확인란을 선택하면 레이블 텍스트의 줄 바꿈이 허용됩니다.

사용에 필요한 최소 단계

작동 장면

1. 레이블 위젯을 캔버스로 끌어서 놓습니다. 본 예에서는 레이블을 눈금 레이아웃 위젯의 셀에 배치했습니다.

2. 텍스트 필드에 표시하려는 텍스트를 입력합니다.

레이블의 스타일을 지정하기 위해 다음을 경험에 추가했습니다.

• 프로젝트 창의 스타일 > 응용 프로그램 아래에서—

.my-label {
font-family: Century Gothic;
font-color: black;
font-size: 12pt;
font-weight: normal;
font-style: normal;
}

• 각 레이블에 대한 클래스 필드에서—my-label

다른 클래스 또는 기본 제공(OOTB) 속성과 충돌하지 않도록 클래스에 고유한 이름을 지정하는 것이 좋습니다.

CSS 예제	작동 장면
.ptc-label { font-size: 16px; font-family: Century Gothic; font-weight: bold; color: Red; };