Dépannage des CSS
Si votre implémentation de CSS personnalisées entraîne des erreurs, utilisez les informations de dépannage suivantes :
Problème
Attribut de style non remplacé.
Solution
Si la définition de base du widget possède un style !important ou inline, il vous faut probablement définir le style depuis l'interface utilisateur ou utiliser !important dans votre CSS.
Vérifiez également si un sélecteur CSS existant de poids plus fort ou plus spécifique que le sélecteur de votre jeu de règles personnalisées n'entre pas en jeu.
Problème
Application impossible d'un fichier CSS d'un référentiel de fichiers CSS à mon application composite.
Solution
Vérifiez que votre fichier CSS se trouve dans le référentiel de fichiers et que le chemin d'accès au fichier est correct.
ou
Vérifiez que le fichier CSS est inclus dans les CSS ThingWorx d'exécution.
Problème
ThingWorx ne parvient pas à importer l'extension.
Solution
Si l'extension est déjà installée, mais que vous avez apporté des modifications récemment, vous devez mettre à jour le numéro de version dans le fichier metadata.xml.
Problème
Mes modifications CSS récentes sont ignorées.
Solution
Effacez le cache du navigateur si la CSS n'est pas fusionnée dans le fichier CSS ThingWorx combiné (en mode débogage : cliquez sur le bouton Actualiser, puis effacez le cache).
Si la CSS est fusionnée dans le fichier CSS ThingWorx combiné, redémarrez le serveur et utilisez l'URL ou les liens sur votre serveur local.
Problème
Les barres de défilement s'affichent dans le widget Menu de FireFox. Le problème est visible lorsque vous appliquez une règle display: inline-block au conteneur comportant le contenu du widget.
Solution
Pour masquer la barre de défilement, appliquez la CSS suivante à l'application composite avec le widget :
.custom-css-class-name .widget-content {
overflow: hidden;
}
Les sélecteurs CSS correspondent à l'élément div avec le contenu du widget. Remplacez custom-css-class-name par le nom de classe CSS personnalisé pour que le widget cible le widget Menu. La propriété overflow: hidden force le navigateur à masquer les barres de défilement affichées sur le conteneur.
Est-ce que cela a été utile ?