Set "maxlength" to a field in forms

[Humberto]

Hi,

I'm trying to set the maximum length of input characters using HtmlAttributes in a form. But it seems it doesn't work; I can still type more than 4 characters. Here is an example in REPL:

https://netcorerepl.telerik.com/wmkmbflo51nxiZPb01

                   i.Add()
                        .Field(f => f.FirstName)
                        .Editor(e=> e.TextBox().HtmlAttributes(new { maxlength = "4" }))
                        .Label(l => l.Text("First Name:"));

Thanks,

Humberto

 

[Alexander]

Hi Humberto,

Thank you for the provided information, code snippet, and example:

In order to apply attributes to the input element of a specific item within the .Items() configuration, you can use the built-in .InputHtmlAttributes() configuration option instead.

Here is an example:

        .Items(items =>
        {
            items.AddGroup()
                .Label("Registration Form")
                .Items(i =>
                {
                    i.Add()
                        .Field(f => f.LastName)
                        .InputHtmlAttributes(new { maxlength =3 })
                        .Label(l => l.Text("Last Name:"));

                });
        })

In addition, I have also updated the previously sent Telerik REPL example with the updated configuration for your convenience.

Give this suggestion a try and let me know how it works out for you.

Regards,
Alexander
Progress Telerik

[Humberto]

Hi Alexander,

It works, thanks for the answer.

Regards,

Humberto