Enable Adaptive UI Prevents Column Menu

[Hank Chadwick]

Enabling the adaptive UI prevents the column menu from being shown. I have attached a repro example.

Adaptive UI Enabled: Column Menu doesn't open on click.

Adaptive UI Disabled: Column Menu opens on click.

Attachment: GridAdaptiveUi_ef702cc.zip

[Prathap Senthil]

Hank Chadwick,

We have confirmed this as an issue and logged a defect report titled ‘Column menu is not opening and is not displaying column menu options when EnableAdaptiveUI is enabled in the grid.’ This fix will be included in our weekly patch release, which is expected to be rolled out on September 3rd, 2024.

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.    
  

Column menu is not opening and is not displaying column menu options when EnableAdaptiveUI is enabled in grid in Blazor | Feedback Portal (syncfusion.com)

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

We will get back to you once the release is rolled out. Until then we appreciate your patience.

Regards,
Prathap Senthil

[Hank Chadwick]

Thank you for addressing and fixing the issue. I will mark this as the answer when the bug is fixed in the above stated release

[Prathap Senthil]

Thanks for your patience.

We are glad to announce that, we have included the fix for the  “Column menu is not opening and is not displaying column menu options when EnableAdaptiveUI is enabled in the grid”   in our 26.2.12 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for latest fixes and features from below.

NuGet: https://www.nuget.org/packages/Syncfusion.Blazor.Grid

Release notes: https://blazor.syncfusion.com/documentation/release-notes/26.2.12?type=all#data-grid

RootCause:
It is due to taking columnmenu Items directly from parent element.

Corrective Actions Taken:  Fixed by taking columnmenu Items from MenuItem list property.

.
Additionally, note that when using Adaptive mode set to 'Mobile,' the column menu feature is only shown when opening the grid on mobile devices. If you want to enable Adaptive mode for both desktop and mobile devices, you need to set it to AdaptiveMode.Both. This is the default behavior.

[Hank Chadwick]

So I've updated my nuget references and I have some questions to realize my goal.

Goal:

• Larger screens (Desktop):
  • Column menu is the default size
• Smaller screens (Mobile):
• Column menu is the larger size

However, when I implement the following settings, the column menu is large on Desktop screen size:

<SfGrid ID="filesList"

        TValue=File

        DataSource="@files"

        ShowColumnMenu="true"

        EnableAdaptiveUI="true"

        AllowSorting="true"

        AllowFiltering="true"

        AllowPaging="true"

        AdaptiveUIMode="AdaptiveMode.Mobile">



Too large for desktop:

Correct size for desktop:

[Prathap Senthil]

Based on your requirements, we would like to clarify that when you enable the EnableAdaptiveUI property in the grid and set AdaptiveMode to Desktop or Both, the column menu will be displayed in a larger format. This is the default behavior. If you do not want the column menu to appear large, we suggest disabling the EnableAdaptiveUI property when grid in desktop mode and suggest to using Adaptive UI mode for mobile device only(AdaptiveUIMode="AdaptiveMode.Mobile"). This is the recommended way to achieve your desired result. Thank you for your understanding.