Hello,I use two igx-grids that are displayed one below the other. In the top grid, I have a date column that when I click on it displays the calendar. But this calendar is partly hidden by the grid below. (cf. screenshot)How can I make the calendar appear completely above the grid?
Thanks in advance.
Regards,
Philippe DUFEIL
Hello Philippe,
Thank you for posting in our community.
What I can suggest for achieving your requirement is taking a look at this part of Excel Style Filtering topic of our official documentation where is explained the reason for the described behavior and how the issue can be resolved.
Additionally, I have created a small sample demonstrating how to set the outlet property of IgxGrid to an external outlet directive which allows the overlay elements of the grid to always appear on top. Please test it on your side and let me know whether you find it helpful.
Please let me know if I could be of any further assistance.
Regards, Viktor KombovEntry Level Software DeveloperInfragistics, Inc.
Hello Viktor,Thanks for the example, it works very well. I tried to implement it, but it doesn't work. I added the "[outlet]" property on the 2 grids ([outlet]="filteringOverlayOutlet") and added the div<div #filteringOverlayOutlet="overlay-outlet" igxOverlayOutlet></div>
I have a peculiarity that differs from the example, it is that my 2 grids are in an igx-dialog. Is this the reason why it does not work in my environment?In fact, I have a compile error with the error message "No Directive found with exportAs 'overlay-outlet'.