How to control the position of the invalid message

2 posts, 0 answers
  1. Steven
    Steven avatar
    14 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"

    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.



  2. Alexander Popov
    Alexander Popov avatar
    1445 posts

    Posted 20 Oct 2015 Link to this post


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

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top