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

Parents
No Data
Reply
  • 8920
    Offline posted

    The bottom line I'm trying to figure out how to make this component look exactly the same inside ig-dialog as when it is free standing... 

Children