How to control the position of the invalid message

2 posts, 0 answers
  1. Steven
    Steven avatar
    1 posts
    Member since:
    Mar 2014

    Posted 16 Oct 2015 Link to this post

    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

     

     
     
  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 20 Oct 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top