Kendo Validator not working when divs have their widths set as 100%;

2 posts, 0 answers
  1. Vijay
    Vijay avatar
    19 posts
    Member since:
    May 2011

    Posted 12 Dec 2013 Link to this post

    Please refer to the foloowing HTML snippet. I have added the kendo and jquery references properly.
    When I remove the percentage values the validator function works properly. But when it is set to percentage it will not work Please help. Thanks in advance

       <div style="width: 90%; height: 8%; float: left;">
    <label id="lblUserName" class="LoginLabel required" for="UserName">
    <div style="width: 90%; height: 16%; float: left;">
    <input id="txtUserName" type="text" maxlength="100" class="LoginTextBox" 
    name="UserName"   placeholder="UserName" required validationmessage="Please enter {0}" />
  2. Kiril Nikolov
    Kiril Nikolov avatar
    2596 posts

    Posted 13 Dec 2013 Link to this post

    Hello Vijay,

    I was not able to reproduce this issue. Please check the following jsBin showing the test example, with width 100% set to the div container:

    Please tell me if I missed something.

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