Grid save,cancel button not showing up in toolbar

[jose KJ]

<div style=" height:calc(100vh - 10rem);">

    <SfGrid @ref="Grid" DataSource="@results" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" AllowSorting="true" AllowFiltering="true" AllowMultiSorting="true" EnableAdaptiveUI="true" RowRenderingMode="@renderingMode" Height="100%" Width="100%" AllowTextWrap="true" GridLines="GridLine.Default" EnableVirtualization="true">

        <GridTextWrapSettings WrapMode=WrapMode.Both></GridTextWrapSettings>

        <GridFilterSettings Type="@Syncfusion.Blazor.Grids.FilterType.Excel"></GridFilterSettings>

        <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="EditMode.Normal"></GridEditSettings>

        <GridColumns>

            <GridColumn Field=@nameof(DrugSrch.DrugName) HeaderText="Name" Width="150" ValidationRules="@(new ValidationRules{ Required=true})"></GridColumn>

            <GridColumn Field=@nameof(DrugSrch.TierLevel) HeaderText="Tier" Width="60" ValidationRules="@(new ValidationRules{ Required=true})"></GridColumn>

            <GridColumn Field=@nameof(DrugSrch.IsBranded) HeaderText="Is Branded" Width="90"></GridColumn>

            <GridForeignColumn Field=@nameof(DrugSrch.MedicalConditionID) HeaderText="Medical Condition 1" ForeignKeyValue="MedicalConditionName" ValidationRules="@(new ValidationRules{ Required=true})" ForeignDataSource="@medConditions" Width="150"></GridForeignColumn>

            <GridForeignColumn Field=@nameof(DrugSrch.MedicalConditionID2) HeaderText="Medical Condition 2" ForeignKeyValue="MedicalConditionName" ValidationRules="@(new ValidationRules{ Required=true})" ForeignDataSource="@medConditions" Width="150" ForeignKeyField="MedicalConditionID"></GridForeignColumn>

            <GridColumn Field=@nameof(DrugSrch.Requirements) HeaderText="Requirements" Width="95"></GridColumn>

        </GridColumns>

        <GridSortSettings>

            <GridSortColumns>

                <GridSortColumn Field="TierLevel" Direction="SortDirection.Ascending"></GridSortColumn>

            </GridSortColumns>

        </GridSortSettings>

    </SfGrid>

</div>

i am unable to see save,cancel button on editing a row, when i click on a row i can see edit,delete button, but once i start editing all buttons in toolbar goes hidden....

also will i be able to call my custom save,delete fuctions on clicking those button[currently invisble]

Please guide me thanks

[Naveen Palanivel]

Hi jose,

We have considered it as a bug and logged an issue  “Save and Cancel Icons Not Visible in Adaptive UI With Editing Mode” for the same. Thank you for taking the time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our patch release which is expected to be rolled out on or before 18^th February 2025 .

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.     

https://www.syncfusion.com/feedback/65047/save-and-cancel-icons-not-visible-in-adaptive-ui-with-editing-mode

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”

Until then we appreciate your patience.

Regards,

Naveen.

[Naveen Palanivel]

Thanks for your patience,

We are glad to announce that, we have included the fix for the issue  “Save and Cancel Icons Not Visible in Adaptive UI With Editing Mode” in our 28.2.6 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for the latest fixes and features below.

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

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

Root cause : When EnableAdaptiveUI is enabled, the default RowRenderingMode is set to Horizontal, and the Adaptive Mode is set to Both. In this scenario, the Update and Cancel toolbar buttons were not rendered as they were for Add and Edit actions, causing them to be missing in the UI.

Action Taken: Added an else if condition to ensure that the Update and Cancel icons are rendered when a record is in edit mode. These icons are now visible only when Parent.IsEdit is true, ensuring they appear correctly during editing.