Thanks for the sample code.

I have added styling as below in .scss file:

$my-discard-theme: igx-dialog-theme(

  $background: #011627,

  $title-color: #ecaa53,

  $message-color: #fefefe,

  $border-radius: 0.3

);

:host { 

  .overlay1 {

    ::ng-deep {

      @include igx-dialog($my-discard-theme);

    }

  }

  

}

But I am getting below error:

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$my-discard-theme: igx-dialog-theme(
^
Plain CSS functions don't support keyword arguments.
╷
487 │ $my-discard-theme: igx-dialog-theme(
│ ┌────────────────────^
488 │ │ $background: #011627,
489 │ │ $title-color: #ecaa53,
490 │ │ $message-color: #fefefe,
491 │ │ $border-radius: 0.3
492 │ │ );
│ └─^
╵
stdin 487:20 root stylesheet

I am not able to change whole row back ground color in igx grid based on column value. Could you please provide me an example.

Thanks for updating the link. In the example you are changing row color on a button click event which is not am looking. 

On igxgrid loading data I want to set different colors for each row based on a grid column value either number or string.(as in screenshot)

Thanks for your reply. Sample link isn't working. Can you please check?

Thanks for the reply.

My project requirement is to have a sub menu inside the context menu. I Would like to know if that is possible with your context menu? See screenshot below