FlexGrid: Edit cell with single click and show validation message inside cell

Posted by: thanhsanggl06 on 12 January 2026, 7:26 am EST

    • Post Options:
    • Link

    Posted 12 January 2026, 7:26 am EST - Updated 12 January 2026, 7:28 am EST

    Hello,

    I am using C1 Blazor FlexGrid and would like to customize the cell editing behavior.

    1. Enter edit mode with a single click. Show input control directly inside the cell. No double-click required.
    2. Show validation message below the input, Validation triggered on value change. Error message displayed inside the cell (under the input)

    Does FlexGrid support always-on or single-click cell editors?

    Is there a recommended way to show validation messages inside a cell?

    Thank you for your support.

  • Posted 13 January 2026, 8:44 am EST

    Hello,

    You can achieve both the behavior as follows:

    1. For single-click editing you can handle the (CellTapped)[https://developer.mescius.com/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Grid/C1.Blazor.Grid.FlexGrid.CellTapped.html] event of FlexGrid to put a cell in editing mode using StartEditing() method.
    2. To get validation message under input control which id displayed when input is incorrect you can create custom GridCellFactory and override the GetCellEditorFragment() method to handle the TextChanged event of the input editor and use RenderTreeBuilder to add the validation message.

    We have implemented both the requirements in the attached sample. (see FlexGrid_Validation.zip)

    In the sample, validation is implemented in “Value [1, 10]” column. Please let us know if it helps.

    Regards,



    Uttkarsh.

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels