Thank you . this is very helpful. 

i referred the component theme API , say for example

for styling the column hiding  where it shows the list of columns in checkbox what is the corresponding theming for that.

for cell data color or making it bold etc what should i do ? 

is there a way i can easily identify with naming conventions

Hey , i  was able to nail down the issue with the reference project

what is the use of  below line and what alternative we have

<link href="">fonts.googleapis.com/css rel="stylesheet">

  <link href="">fonts.googleapis.com/icon rel="stylesheet">

also how is  this packaged used by infragistics

 "@igniteui/material-icons-extended": "^2.10.0",

Thanks,

Peru

thank you !!! i missed the igxOverlayOutlet  and that hint solved it. 

one thing i can notice css is rendered in the DOM for that component but the igx dialog rendered is generated generically with out mapping to style sheet which is rendered as _ngcontent-sjp-c396. 

hey thanks i have tried this part and have running in to issues.

i have tried below things  

1. setting style for  .igx-dialog__window{  –  doesnt work

2. setting style for  .igx-dialog__window{  with ng deep  – works

3.  setting style for  .igx-dialog__window{ with :host ng deep    –  doesnt work

in the scenarios where it doesnt work it takes the css from dialog-theme and not the customized one which i have added . any thing else i need to do or what would be the best way to troubleshoot this

Hi, thanks for the inputs. styling am able to make  it work. the major blocker is we are not able to set the custom width, height etc at the dialog level. say in one component we want the height and width to be smaller and in other component the dialog size should be bigger where the dialog is occupying 80% of view port. 

can you share some example for the same where the width height is set  at  

igx-dialog level and not within the dialog , you can update the same example for more clarity

Along with this how do we pass data to/from common component ?