[Polymer] Intégrer un fichier css

**fratso** · 08/06/2017, 14h37

Bonjour à tous,

Je travaille actuellement sur une application qui utilise Polymer. Mon but c'est d'intégrer un système d'édition (Stimulsoft - Reports.JS) à travers un web component. Cela me permettra de l'adapter à mon architecture.

Pour le moment je galère pas mal à intégrer le css de Stimulsoft. En fait lorsque j'importe le stylesheet fournit par Stimulsoft, mon composant va bien le chercher mais ne l'applique pas du tout...

Je débute avec Polymer, mais je pense qu'il doit y avoir une histoire de DOM Shadow qui m'empêche de le faire ou je ne sais pas... En tout cas c'est très embêtant car si je ne peux pas importer le css je ne peux pas utiliser la partie édition du logiciel et c'est vraiment ce que je veux intégrer... Je ne veux pas modifier le css moi-même car il est minifié et très très long.

J'ai essayé avec un style module mais cela n'a pas l'air de fonctionner...

Il y a-t-il une solution à ce genre de problème ?

**fratso** · 12/06/2017, 09h53

Finalement, j'ai trouvé la solution. Stimulsoft utilise document.getElementById(), c'est-à-dire qu'il parcours le DOM pour trouver la balise ayant l'ID passé en paramètre de viewer.renderHTML(). S'il ne le trouve pas il se place dans la balise <body> par défaut, ce qui foire tout.

La solution c'était de créer un <div> hors du webComponent principal, comme ça il trouve bien le div dans lequel il doit se placer donc le css peut s'appliquer à ce div.

Finalement le problème ne venait pas du css en lui-même mais surtout du fait que les éléments n'étaient pas accessibles.

[Polymer] Intégrer un fichier css

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager