Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michael Seidel
8920
igx-dialog
posted

I an inserting component inside igx-dialog..   Component required two css files in order to look properly :

<link rel="stylesheet" href="">maxcdn.bootstrapcdn.com/.../bootstrap.min.css">

and under normal circumstances looks like this  (https://kzrfaisal.github.io/#/afu) :
but when I would add it to the igx-dialog styles get messed up : 
Is there a way to scope loaded bootstrap and/or other css collections to the specific component so the won't interfere with ig styles.... I know this is the case with singular styles loaded by stylesUrls .. but somehow it did not work with collection and I loaded it by @import in styles.css and it became global... please advise.. project is attached.. press show dialog due button.
Thanks. 

Top Replies