textarea in Form

[KR]

How to render a textarea in the Form? I have the below code, it did increase the height of the textbox, but does not behave like textarea.

 

items.AddGroup()
    .Label("Comments")
    .Layout("grid")
    .Grid(g => g.Cols(1).Gutter(10))
    .Items(i =>
    {
        i.Add()
             .Field(f => f.Comments)
             .Label(l => l.Text("Comments:")).InputHtmlAttributes(new { style = "height:80px;" });
    });

 

 

 

Thank  you!

[Martin]

Hello, 

You can define a custom editor for the field through the EditorTemplateHandler option. Please check the code below:

 items.AddGroup()
                .Label(" ")
                .Layout("grid")
                .Items(i =>
                {
                    i.Add()
                         .Field(f => f.Comments)
                         .Label(l => l.Text("Comments:"))
                         .EditorTemplateHandler("customEditor");
                });

JS:

function customEditor(container, options) {
        $("<textarea class='k-textarea' name='" + options.field + "' required data-bind='value: " + options.field + "'></textarea>")
            .appendTo(container);
    }

Let me know how that works for you.

Regards,
Martin
Progress Telerik