Стиль виджета имеет пять аспектов.

Можно настраивать вид мэшапа с помощью тем стилей. Можно проще создавать, изменять, импортировать и экспортировать темы стиля в контейнерах и поддерживаемых мэшапах. Тема стиля, примененная к мэшапу верхнего уровня, применяется и ко всем вложенным виджетам и мэшапам. Дополнительные сведения о темах стиля и их применении см. в разделах Темы стиля и Применение темы стиля к мэшапу.

Можно выделять тенденции и закономерности в визуализации с помощью определений состояний, которые позволяют применять различные определения стилей к виджету на основе его значения данных. Дополнительные сведения см. в разделе Применение форматирования состояния к виджетам.

Определение состояния - это набор определений стилей с правилами применения каждого определения стиля. Определения состояний позволяют управлять оформлением виджетов, настраивать его и представлять. С помощью определений стилей осуществляется управление всеми цветами, текстом и форматами строк и их представление на экране в среде мэшапа. Дополнительные сведения см. в разделе Создание определений состояний.

Форматирование состояния можно добавить в виджет, создав сущности определения состояния с условиями для форматирования. После создания форматирование состояния можно изменить и применить к виджету, нажав кнопку Рендерер и состояние или Форматирование состояния на панели Свойства.

Дополнительные сведения см. в разделе Применение темы стиля к мэшапу.

По умолчанию все виджеты, поддерживающие темы в мэшапе, получают свойства стиля из примененной темы стиля. Темы стиля применяются ко всем мэшапам и виджетам с поддержкой тем. Панель Свойства стиля можно использовать для изменения стиля отдельных элементов в мэшапе. Все виджеты с поддержкой тем имеют собственный набор свойств стиля. Можно изменить свойства стиля, чтобы переопределить тему стиля и создать отдельный вид для каждого виджета.

Дополнительные сведения см. в разделе Использование панели "Свойства стиля".

Определения стилей представляют собой список выбираемых свойств, которые могут быть определены при создании стиля. Создание определений стилей позволяет согласованно отображать вид и функции мэшапа.

Определения стилей поддерживают широкий спектр аспектов стиля, таких как Показать строку, Жирный, Цвет линии и многие другие.

Многие определения стилей поставляются предустановленными. Дополнительные сведения об определениях стилей и их использовании см. в разделе Создание определений состояний.

Пользовательская CSS-таблица позволяет настраивать образ темы на основе определенных конкретных значений. Не рекомендуется применять пользовательские стили CSS к виджетам веб-компонентов. Пользовательские компоненты CSS могут перестать работать, если компонент будет изменен в будущих версиях ThingWorx. Дополнительные сведения о пользовательских CSS-таблицах см. в следующих разделах:

Пользовательские CSS-таблицы.

Рекомендации по использованию пользовательских CSS-таблиц.

Учебник по работе с пользовательской CSS-таблицей.

Применение пользовательских стилей CSS к виджетам веб-компонентов.