Hello Peru,

I noticed that there is an additional forum thread regarding the same query. Please, keep in mind that according to our support policy we handle single thread per issues. This helps us ensure that all issues are addressed and handled correctly.

Please take a look at this forum thread where an answer has been already provided.

PS. What I can suggest in order to run the above attached samples is to download them locally and to execute the following commands:

npm install

ng server

In the below attached screenshot you can see how to download the project:

Best Regards,
Martin Evtimov
Software Developer
Infragistics, Inc.

Hello Rameez,

Thank you for your reply!

I’m glad that you find the provided sample useful.

Thank you for using Infragistics Components!

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.

Hello Rameez,

Thank you for contacting Infragistics Support!

I believe you will find the following sample I have prepared for you very helpful. As you can observe you can pass your own custom template to the loadingGridTemplate input property of the igxGrid.

Please let me know if you need any further information.

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.

Hello Kaushik,

Thank you for contacting Infragistics Community!

In order to render dynamically a common component I suggest one of the following approaches:

1. Declarative – using ngIf: You can refer to the following sample I have prepared for you. As you can observe I have created the two-way bindable property opened in order to control the state of the dialog through its parent components.
2. ComponentFactoryResolver: here the most essential part is that the component should be attached to a specific place using a ViewContainerRef. As you can observe I have used the placeholder directive in order to get a reference to such ViewContainerRef within the following sample. As this would be a common component I suggest placing the directive within a component which would exists through the entire lifecycle of you app, for example the app component. The rest is handled within the dialog.service.ts.

Please take your time to investigate both samples and let me know if you have any further questions.

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.

Hello Karl,

Thank you for getting back to me!

I have updated the provided sample so that it is using cell and cellEditor templates. The purpose of this sample is to demonstrate that using the columnInit event both templates (igxCell, igxCellEditor) and pretty much any possible configurations to the igxColumns can be assigned.

In case you decide to stick to the igxGrid please let me know if I may be of any further assistance.

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.

Hello Karl,

Thank you for contacting Infragistics Support!

I believe you will find the following sample I have prepared for your very helpful. As you can observe using the columnInit event I hide some of the columns of the nested grid and still the parent grid’s columns are persisting.

If this sample is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me for further investigation.

Looking forward to hearing from you.

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.

Hello Alex,

Thank you for getting back to me!

I believe that you will find the following sample I have prepared for you very helpful. As you can observe an igxOverlayService is used for visualizing the modal container. Within this modal container I have placed an igxDatePicker (which internally uses the igxOverlayService). As you can observe without providing any additional settings everything is working as expected (the modal container is displayed over the body and the igxDatePicker container is displayed over the modal container). The reason for this behavior is that both are using the igxOverlayService which handles everything behind the scenes.

I guess that the same would be true for Angular Material as well.
Having said that, using a combination of Material and Infragistics components is possible, however, it will require a manual implementation overlays sync. A possible approach is demonstrated in the stackoverflow thread provided in my previous response.

Best Regards,
Martin Evtimov
Associate Software Developer
Infragistics, Inc.