This is a migrated thread and some comments may be shown as answers.

How to control the position of the invalid message

1 Answer 468 Views
MaskedTextBox
This is a migrated thread and some comments may be shown as answers.
Steven
Top achievements
Rank 1
Steven asked on 16 Oct 2015, 03:23 PM

This pops up over the text box, because we are in a model popup.

 

<div class="form-group">
    <label class="col col-md-5">Enter part of Customer number</label>
    <div class="col col-md-7">
        <input name="number"
               kendo-masked-text-box
               pattern=".{0}|.{3,}"
               type="text"
               ng-model="filterData.number"
               data-pattern-msg="{{resources.validation.minLength3}}"
               data-required-msg="{{resources.validation.required}}"
               ng-required="!filterData.name">
    </div>
</div>

‚Äč

Here the inspected source.

 <span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" data-for="number" role="alert"><span class="k-icon k-warning"> </span> This field is required</span>

 

I need this to display to the right of the input box, not above it because it covers up other stuff that needs to remain visible.

Thanks

 

 
 

1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 20 Oct 2015, 12:51 PM
Hello,

This can be achieved using the approach mentioned in the documentation. Here the example I shared in the support ticket you opened.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
MaskedTextBox
Asked by
Steven
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or