Свойство CustomClass
Мэшапы и многие другие виджеты предоставляют свойство CustomClass на панели свойств. При передаче нескольких классов CSS значения разделяются пробелами.
Свойство CustomClass доступно для всех виджетов, которые поддерживают пользовательские CSS-таблицы, и значение применяет к разделу (div) ограничивающего параллелепипеда. Свойство CustomClass предлагается в следующих виджетах:
• Кнопка
• Флажок
• Метка
• Переключатель
• Текстовое поле
• Текстовая область
• Список
• Изображение
• Веб-кадр
• Навигация
• Ссылка
• Фильтр данных
• Сетка
• Ползунок
• Вложенный мэшап
• Повторитель
• Панель
• Мэшап
• Компоновка
• Пузырьковая диаграмма
• Диаграмма событий
• Диаграмма с метками
• Круговая диаграмма
• Пропорциональная диаграмма
• Диаграмма диапазонов
• Диаграмма временного ряда
• Информационная панель
• Экспорт данных
• Средство выбора даты и времени
• Разделитель
• Средство выбора сущности
• Набор полей
• Выгрузка файла
• Складная панель
• Измеритель
• Светодиодное табло
• Кнопка выхода из системы
• Текстовое поле с маской
• Меню
• Числовая сущность
• Отображение свойств
• Удаленный доступ
• Форма
• Вкладки
• Вкладки - адаптивный
• Облако тегов
• Селектор времени
• Дерево
Свойство CustomClass также является связываемым. Значение динамически обновляется сервисами, параметрами мэшапа и другими виджетами.
Расширения CSS
CSS-файлы могут добавляться в ThingWorx через расширения. Если CSS включается в файл metadata.xml, CSS объединяется в комбинированный CSS-файл времени выполнения.
Свойство CustomClass можно также добавлять в виджеты расширения. Можно добавить свойство к IDE JavaScript виджета следующим образом:
this.widgetProperties = function () {
return {
'name': 'My Extension Widget',
'description': 'Extension widget that was imported.',
'category': ['Navigation'],
'defaultBindingTargetProperty': 'Data',
'supportsAutoResize': true,
'properties': {
'CustomClass': {
'description': 'Custom Class',
'baseType': 'STRING',
'isLocalizable': false,
'isBindingSource': true,
'isBindingTarget': true
},
• Задайте для isBindSource и isBindingTarget значение ИСТИНА, чтобы разрешить в CustomClass динамические изменения во время выполнения.
• Можно задать true для свойства isLocalizable, но это свойство не работает с лексемами локализации.