Kendo Textbox Helper

[MiracleMan]

Hello all, 

 I'm evaluationg the controls for my application and I'm currently stuck in something really stupid.  I'm using the Kendo Textbox helper and added the required attribute like this:

 

@(Html.Kendo().TextBox()
         .Name("LastName01")
         .HtmlAttributes(new { placeholder = "Apellido Paterno", required = "required", validationmessage = "Enter {0}", @class = "col-sm-2 form-control" })
            )
<span data-for='LastName01' class='k-invalid-msg'></span>

 

But the position of the valition message is off, how can I get it under the textbox?  Attached is the screen shot.

[MiracleMan]

Any help?

[Plamen Lazarov]

Hello MiracleMan,

When a validation message container is added manually (as in your case), Kendo UI does not apply any positioning styles to it by design. The idea is that the developer would position that element, according to the specific scenario and context. That being said, you can either wrap it in a block element (if applicable) or use custom CSS to position the validation message container at the desired position.

Regards,
Plamen Lazarov
Telerik

[MiracleMan]

i dont understand, sorry.   When you say "validation message container", do you mean the span ?  I added that one after reading another article.  The problem persist even if I remove it. All in the same location. It is applying a k-tooltip class and a custom style with a margin of .5em somewhere.  If I modifiy my stylesheet, it wont allow me to overide it because of the manual style that somewhere is getting.  The span does not shows anywhere, it creates a div an the me validation messages goes into that div.

 

Thanks for any help.

[Plamen Lazarov]

Hello MiracleMan,

Yes, by validation message container I mean the <span> element. Ideally, the Kendo UI Validator places its tooltips next to the validated input. I noticed that in the provided screenshot there is not enough space for the validation message container (i.e. the <span>) and this breaks the layout.

As mentioned before, manually added validation message containers should be positioned with custom CSS by the developer, according to the specific scenario. However, as an exception, if you send us a runnable project, we can suggest how to achieve the desired positioning.

Regards,
Plamen Lazarov
Telerik