위젯 스타일 지정 및 사용자 정의
위젯 스타일은 다섯 가지 측면에서 지정됩니다.
• 스타일 테마
• 스타일 속성
• 스타일 정의
스타일 테마
스타일 테마를 사용하여 매쉬업의 모양을 사용자 정의할 수 있습니다. 스타일 테마를 더 쉽게 만들고, 수정하고, 가져오고, 컨테이너 및 지원되는 매쉬업으로 내보낼 수 있습니다. 스타일 테마를 최상위 매쉬업에 적용하면 사용 중인 모든 위젯 및 매쉬업에도 적용됩니다. 스타일 테마 및 스타일 테마를 적용하는 방법에 대한 자세한 내용은 스타일 테마 및 매쉬업에 스타일 테마 적용을 참조하십시오.
상태 정의 및 상태 서식 적용
상태 정의를 사용하여 시각화의 추세 및 패턴을 강조 표시할 수 있으며, 이를 통해 데이터 값을 기반으로 위젯에 서로 다른 스타일 정의를 적용할 수 있습니다. 자세한 내용은 위젯에 상태 서식 적용을 참조하십시오.
상태 정의는 스타일 정의와 각 스타일 정의를 적용할 시기에 대한 규칙의 컬렉션입니다. 상태 정의를 사용하면 위젯의 모양을 제어, 사용자 정의 및 렌더링할 수 있습니다. 매쉬업에서 색상, 텍스트 및 선 형식은 스타일 정의를 사용하여 관리 및 렌더링됩니다. 자세한 내용은 상태 정의 생성을 참조하십시오.
서식 적용 조건과 함께 상태 정의 엔티티를 만들어 위젯에 상태 서식 적용을 추가할 수 있습니다. 만든 후에는 속성 패널에서 렌더러 및 상태 또는 상태 서식 적용 버튼을 클릭하여 상태 서식 적용을 편집하고 위젯에 적용할 수 있습니다.
자세한 내용은 매쉬업에 스타일 테마 적용을 참조하십시오.
스타일 속성
기본적으로 매쉬업에서 테마를 지원하는 모든 위젯은 적용된 스타일 테마에서 스타일 지정 속성을 파생시킵니다. 스타일 테마는 모든 매쉬업 및 테마 적용 가능 위젯에 적용됩니다. 스타일 속성 패널을 사용하여 매쉬업에서 개별 위젯의 스타일을 수정할 수 있습니다. 모든 테마 위젯에는 고유한 스타일 속성 세트가 있습니다. 스타일 속성을 수정하여 스타일 테마를 무시하고 각 위젯에 대해 다른 모양을 만들 수 있습니다.
자세한 내용은 스타일 속성 패널 사용을 참조하십시오.
스타일 정의
스타일 정의는 스타일을 만들 때 정의할 수 있는 속성의 선택 목록입니다. 스타일 정의를 만들면 매쉬업에 일관된 모양과 느낌을 표시할 수 있습니다.
 |
스타일 정의는 테마 적용 불가능 위젯에 적용됩니다.
|
스타일 정의는 표시 문자열, 글꼴 굵게, 선 색상 등 다양한 스타일 측면을 지원합니다.
많은 스타일 정의가 미리 설치되어 있습니다. 스타일 정의 및 스타일 정의 사용 방법에 대한 자세한 내용은 상태 정의 생성을 참조하십시오.
사용자 정의 CSS
사용자 정의 CSS를 사용하면 정의된 특정 값에 따라 테마의 모양을 사용자 정의할 수 있습니다. 사용자 정의 CSS 스타일을 위젯에 적용하는 것은 권장되지 않습니다. 이후 버전의 ThingWorx 구성 요소가 변경되면 사용자 정의 CSS 구성 요소의 작동이 중지될 수 있습니다. 사용자 정의 CSS에 대한 자세한 내용은 다음을 참조하십시오.