Card Edit readonly textbox

[Clark Brown]

Is there a way to make textbox on Card readonly, for example in code below I only want to allow user to change the value of "Status" (DialogFieldType.DropDown), but not edit the  DialogFieldType.TextBox fields

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

 <KanbanDialogSettings>

            <KanbanDialogSettingsFields>

                <KanbanDialogSettingsField Text="RO#" Key="Id" Type=DialogFieldType.TextBox></KanbanDialogSettingsField>

                <KanbanDialogSettingsField Text="Customer" Key="Customer" Type=DialogFieldType.TextBox></KanbanDialogSettingsField>

                <KanbanDialogSettingsField Text="Status" Key="Status" Type=DialogFieldType.DropDown></KanbanDialogSettingsField>

                <KanbanDialogSettingsField Text="Vehicle" Key="Vehicle" Type=DialogFieldType.TextBox></KanbanDialogSettingsField>

                <KanbanDialogSettingsField Text="Rostat" Key="Rostat" Type=DialogFieldType.TextBox></KanbanDialogSettingsField>

            </KanbanDialogSettingsFields>

 </KanbanDialogSettings>

Thanks 

[Clark Brown]

based on docuemntation, it appears using dialog tempate should handle this.

[Vinitha Jeyakumar]

Hi Clark, 

 

 

Greetings from Syncfusion support, 

 

 

We have validated your query “Card Edit readonly textbox” 

 

Yes, we can achieve your requirement to get readOnly textbox using the KanbanDialogSettings in Kanban control to create a custom dialog, where you can directly use the textbox component and its features. Please check the code below, 

 

Code snippet 

<SfKanban @ref="KanbanRef" KeyField="Status" DataSource="Tasks"> 

    <KanbanColumns> 

        <KanbanColumn HeaderText="Backlog" KeyField="@(new List<string>() {"Open"})"></KanbanColumn> 

        <KanbanColumn HeaderText="In Progress" KeyField="@(new List<string>() {"InProgress"})"></KanbanColumn> 

        <KanbanColumn HeaderText="Testing" KeyField="@(new List<string>() {"Testing"})"></KanbanColumn> 

        <KanbanColumn HeaderText="Done" KeyField="@(new List<string>() {"Close"})"></KanbanColumn> 

    </KanbanColumns> 

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

    <KanbanDialogSettings> 

        <Template> 

            @{ 

                TasksModel data = (TasksModel)context; 

                <table> 

                    <tbody> 

                        <tr> 

                            <td class="e-label">ID</td> 

                            <td> 

                                <SfTextBox CssClass="e-field" Value="@data.Id" Readonly="true"></SfTextBox> 

                            </td> 

                        </tr> 

                        <tr> 

                            <td class="e-label">Status</td> 

                            <td> 

                                <SfDropDownList @ref="StatusRef" TValue="string" TItem="DropDownModel" CssClass="e-field" DataSource="@StatusData" Value="@data.Status"> 

                                    <DropDownListFieldSettings Text="Value" Value="Value"></DropDownListFieldSettings> 

                                </SfDropDownList> 

                            </td> 

                        </tr> 

                        <tr> 

                            <td class="e-label">Assignee</td> 

                            <td> 

                                <SfDropDownList @ref="AssigneeRef" TValue="string" Enabled="false" TItem="DropDownModel" CssClass="e-field" DataSource="@AssigneeData" Value="@data.Assignee"> 

                                    <DropDownListFieldSettings Text="Value" Value="Value"></DropDownListFieldSettings> 

                                </SfDropDownList> 

                            </td> 

                        </tr> 

                        <tr> 

                            <td class="e-label">Summary</td> 

                            <td> 

                                <SfTextBox @ref="SummaryRef" CssClass="e-field" Multiline="true" @bind-Value="@data.Summary"></SfTextBox> 

                            </td> 

                        </tr> 

                    </tbody> 

                </table> 

            } 

        </Template> 

    </KanbanDialogSettings> 

</SfKanban> 

 

Sample:  https://www.syncfusion.com/downloads/support/forum/169527/ze/Kanban_dlg11537923674 

 

Documentation: https://blazor.syncfusion.com/documentation/kanban/dialog#custom-fields 

 

Please check the sample and documentation and let us know if it satisfies your requirement. 

 

Regards, 

Vinitha