Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
180
I have an actionstrip menu in my IGX Grid whose content goes beyond the viewing area
posted

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.

  • 120
    Offline posted

    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