CSS 문제 해결
사용자 정의 CSS 구현에 오류가 발생할 경우 다음 문제 해결 항목을 조사할 수 있습니다.
문제
스타일 속성이 재정의되지 않습니다.
솔루션
위젯 코어 정의에 !important 또는 inline 스타일이 있는 경우 사용자 인터페이스에서 스타일을 설정하거나 CSS에서 !important를 사용해야 할 수도 있습니다.
또한 기존 CSS 선택기가 사용자 정의 규칙 세트의 선택기보다 가중치가 더 많거나 더 구체적인지 확인하십시오.
문제
CSS 파일 저장소의 CSS 파일을 매쉬업에 적용할 수 없습니다.
솔루션
CSS 파일이 파일 저장소에 있으며 파일 경로가 올바른지 확인하십시오.
또는
CSS 파일이 실행 시간 ThingWorx CSS에 포함되어 있는지 확인하십시오.
문제
ThingWorx가 확장을 가져올 수 없습니다.
솔루션
확장이 이미 설치되어 있지만 최근에 변경한 경우 metadata.xml 파일에서 버전 번호를 업데이트해야 합니다.
문제
최근 CSS 변경 사항이 무시됩니다.
솔루션
CSS가 ThingWorx 결합 CSS에 병합되지 않은 경우 브라우저 캐시를 지우십시오(디버그 모드의 경우: 새로 고침 버튼을 누른 채 캐시를 지움).
CSS가 ThingWorx 결합 CSS에 병합된 경우 서버를 재시작하고 로컬 서버의 URL 또는 링크를 사용합니다.
문제
스크롤 막대가 FireFox의 메뉴 위젯 내에 표시됩니다. 이 문제는 위젯 콘텐츠가 있는 컨테이너에 display: inline-block 규칙을 적용할 때 발생합니다.
솔루션
스크롤 막대를 숨기려면 다음 CSS를 위젯이 있는 매쉬업에 적용합니다.
.custom-css-class-name .widget-content {
overflow: hidden;
}
CSS 선택기에서 div 요소를 위젯 콘텐츠와 일치시킵니다. 위젯에서 메뉴 위젯을 대상으로 지정하도록 custom-css-class-name을 사용자 정의 CSS 클래스 이름으로 대체합니다. overflow: hidden 속성을 설정하면 브라우저에서 컨테이너에 표시되는 스크롤 막대를 강제로 숨깁니다.
도움이 되셨나요?