Edit column name in kanban control

[Alvaro]

Hi, I was just wondering if there is a built-in functionality to edit the column name of the kanban in similar manner you can edit the card using a dialog box.

I'm currenty loading the column names from thre database:

<SfKanban KeyField="HeadingId" DataSource="content" @ref="kanbanRef">

        <KanbanColumns>

            @foreach (Heading item in headings)

            {

                <KanbanColumn HeaderText="@item.Name" KeyField="@item.Id.ToString()" AllowToggle="true">
...

I would like the user to be able to change the name of a particular column.

Many thanks,

Álvaro

[Revanth Krishnan]

Hi Alvaro, 

 

Greetings from Syncfusion support. 

 

We have validated your query “to edit the column name (Header Text) in the Kanban component”. 

 

Yes, you can edit the column name(HeaderText) using the property binding. We have prepared a sample and code snippet based on your code snippet shared for your reference., 

 

Code Snippet: 

 

<SfButton @ref="ToggleBtn" @onclick="onToggleClick" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="Edit Column 2"></SfButton> 

<SfKanban TValue="TasksModel" KeyField="Status" DataSource="Tasks"> 

    <KanbanColumns> 

        <KanbanColumn HeaderText="@column1HeaderText" KeyField="Open"></KanbanColumn> 

        <KanbanColumn HeaderText="@column2HeaderText" KeyField="InProgress"></KanbanColumn> 

        <KanbanColumn HeaderText="@column3HeaderText" KeyField="Testing"></KanbanColumn> 

        <KanbanColumn HeaderText="@column4HeaderText" KeyField="Close"></KanbanColumn> 

    </KanbanColumns> 

    <KanbanCardSettings HeaderField="Id" ContentField="Summary"></KanbanCardSettings> 

</SfKanban> 

 

SfButton ToggleBtn; 

private void onToggleClick(Microsoft.AspNetCore.Components.Web.MouseEventArgs args) 

{ 

    this.column2HeaderText = "Opened"; 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/155339/ze/KanbanColumnEdit-1478908116 

 

Please let us know and confirm whether the above code snippet and the sample help to resolve the issue. 

 

Regards, 

Revanth