Incorrect Rendering

1 posts, 0 answers
  1. Orren
    Orren avatar
    1 posts
    Member since:
    Apr 2012

    Posted 27 Jun 2012 Link to this post


    I am new html development as well as Kendo. I've written the below HTML and the input is not rendering properly. The input box is in a different place than the Autocomplete. What is the right way to do this with absolute positioning...OR is there some other recommended way to do this.


    <!DOCTYPE html>
        <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
        <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/kendo.web.min.js" type="text/javascript"></script>
        <div id="example" class="k-content">
            <input id="EDIT1" class="EDITCSS" /> <br />
            <select id="select" placeholder="Select size...">
            .EDITCSS {
                position: absolute;
                left: 376px;
                top: 112px;
                $(document).ready(function() {
                    $("#EDIT1").kendoAutoComplete(["Apples", "Oranges", "Grapes"]);
Back to Top