I have an actionstrip menu on the right side of my grid. When opened, the elements extend off the screen. Is there any way to align or shift the expanded menu to the left? I am using an IGX Grid, and the standard actionstrip as a menu (*igxActionStripMenuItem) directive.
Hello Ted,
After further looking into the matter, I’d like to recommend a workaround to adjust the way the menu appears. By modifying the igx-action-strip’s menuOverlaySettings and setting a custom positionStrategy, we can control how the menu is displayed. Here’s an example:
@ViewChild('actionstrip', { read: IgxActionStripComponent, static: true }) public actionStrip: IgxActionStripComponent; ngAfterViewInit() { this.actionStrip.menuOverlaySettings.positionStrategy = new AutoPositionStrategy() }
This approach should help resolve the issue with the menu positioning. However, please be aware that menuOverlaySettings is marked as hidden and internal, so caution is advised when using it. While this workaround can be implemented, I’ll continue investigating other potential solutions that may provide a better fix.
I’ve also prepared a sample for you to review and test on StackBlitz. This should give you a clearer idea of how the solution can be integrated into your current setup.
Let me know if you have any questions or if you'd like further assistance with the implementation.
Best Regards, Arkan Ahmedov
Infragistics