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'.
I have updated the previously provided sample trying to reproduce the described behavior. I have put the grids in a Dialog Window. On my side everything works as expected and when I am opening the date editor of the first grid it is not hidden by the grid below.
Please test the sample on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own isolated sample, where the issue is reproducible. Please keep in mind to remove any dependencies and code that is not directly related to the issue.
Having a sample, which I can debug on my side, will be highly appreciated and extremely helpful for providing you with solution as soon as possible.
Looking forward to hearing from you. Regards,Viktor KombovEntry Level Software DeveloperInfragistics, Inc.
Hello Victor,
Thanks a lot. It works very well.