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
Apply grid styling without view encapsulation None


I am trying to add grid styling for igx angualr grid. With View Encapsulation None It is working perfectly fine but with View Encapsualtion Emulated the styles are not working. 

I tried using

: host :: ng-deep{

 @import '~igniteui-angular/lib/core/styles/themes/index';

@include igx-core();
@include igx-theme($default-palette);


with ng-deep it gives following error:

  Overloaded function `rgba` given wrong number of arguments

  in G:\TFR\node_modules\igniteui-angular\lib\core\styles\base\utilities\_functions.scss (line 499, column 26)

please let me know if there is a way to apply style without using view Encapsulation None

  • 320
    Offline posted

    Thank you for contacting Infragistics Support.
    I managed to reproduce your problem and the only thing you need to do in order to be able to fix it is to take out @import '~igniteui-angular/lib/core/styles/themes/index'; statement outside the :host::ng-deep {}. I attached I small example where I override the default paging style without set the encapsulation property to none.
    If you have any additional questions or need further assistance, please contact us.