Устранение неисправностей CSS
Если ваша пользовательская реализация CSS вызывает ошибки, можно проанализировать следующие моменты.
Проблема
Атрибут стиля не переопределен.
Решение
Если определение ядра виджета имеет стиль !important или inline, то вам, возможно, нужно задать стиль через пользовательский интерфейс или использовать !important в своем CSS.
Кроме того, проверьте, имеет ли какой-либо существующий селектор CSS больший вес или является более специфическим, чем селектор в вашем пользовательском наборе правил.
Проблема
CSS-файл из вашего репозитория CSS-файлов не удалось применить к мэшапу.
Решение
Проверьте, что CSS-файл находится в репозитории файлов и путь к файлу является правильным.
или
Убедитесь, что CSS-файл включен в ThingWorx CSS времени выполнения.
Проблема
ThingWorx не может импортировать расширение.
Решение
Если расширение уже установлено, но вы недавно изменили его, необходимо обновить номер версии в файле metadata.xml.
Проблема
Игнорируются недавние изменения CSS.
Решение
Очистите кэш браузера, если CSS не объединяется в комбинированную таблицу CSS ThingWorx (в режиме отладки: нажмите кнопку Обновить, а затем очистите кэш).
Если CSS объединяется в комбинированную таблицу CSS ThingWorx, перезапустите сервер и используйте URL или ссылки на локальном сервере.
Проблема
В виджете меню в браузере FireFox отображаются полосы прокрутки. Проблема становится видимой при применении к контейнеру с содержимым виджета правила display: inline-block (отображение: встроенный блок).
Решение
Чтобы скрыть полосу прокрутки, примените к мэшапу в виджете CSS следующим образом:
.custom-css-class-name .widget-content {
overflow: hidden;
}
Селекторы CSS соответствуют элементу div с содержимым виджета. Замените custom-css-class-name на имя пользовательского класса CSS для виджета, реализующего виджет меню. Свойство overflow: hidden предназначено для скрытия в браузере любых полос прокрутки, отображаемых в контейнере.
Было ли это полезно?