Hi all,
We have built a low-code app, and one specific page contains some additional information. That information is pasted as custom HTML content into a web component.
In order to make streamline look & feel, we'd like to use the same CSS file as DataMiner is using across all low-code apps. Is there a way to refer to the DataMiner CSS file?
We tried making a ref from the custom HTML, but unsure if that file is actually easily accessible from within the custom HTML. Next, we did also take the content of the CSS file and added that into the custom HTML. That seems to work fine when just showing the HTML stand-alone in a browser, but when adding that into the web component of a low-code app, the layout seems to be broken.
Any thoughts?
Thanks!
Hi Leander,
The content of web components is sanitized to prevent the injection of dangerous javascript (cross site scripting). Inline CSS will be sanitized as well because this can potentially be malicous as well. So, some parts of the inline CSS will be removed which is probably the reason the layout seems to be broken.
I quickly tested if it is possible to reference the CSS file, but it seems like the 'link' tag get sanitized away as well, to prevent from potential malicious CSS.
Kind regards,