Kendo newb loses drop down arrow!

2 posts, 0 answers
  1. Justin
    Justin avatar
    14 posts
    Member since:
    Dec 2011

    Posted 23 Dec 2011 Link to this post

    I'm looking at Kendo for my company and am currently on the demo. I've got a simple page with just a drop down and a button, the only Kendo piece is the drop down. It's functioning as it should but the style is not quite right.

    http://screencast.com/t/5nERRH7Rg
    http://screencast.com/t/qKXCcirZyKq

    As you can see the down arrow is missing. I'm thinking that this has to do with my file structure but I haven't seen anywhere in the Kendo files I can change the file path for the icons. Since I'm on the demo and have the min files that also doesn't make it easy to figure it out.

    If I open the dev tools and select element on where the arrow should be, I see the below file path.

    http://screencast.com/t/xxCkrvanEn

    Any thoughts or help would be much appreciated. Thanks!

    EDIT: I forgot to mention I also see the same thing with the Combo Box.

    <select id="DataCenterLocationList">
            <%--<option>North America - South Central</option>--%>
            <option>North America - NorthCentral</option>
            <option>Europe - West</option>
            <%--<option>Europe - North</option>--%>
            <%--<option>Asia - South East</option>--%>
            <%--<option>Asia - East</option>--%>
    </select>

    $(document).ready(function ()
    {
        // create ComboBox from select HTML element
        $("#DataCenterLocationList").kendoDropDownList();
     
        var dataCenterLocationList = $("#DataCenterLocationList").data("kendoDropDownList");
         
    });
  2. Justin
    Justin avatar
    14 posts
    Member since:
    Dec 2011

    Posted 23 Dec 2011 Link to this post

    Never fails, you ask the question and 5 min later find the answer.

    I was using the default styles that I was instructed to include right after I downloaded Kendo. Those instructions have the Kendo style included in them. This style is not fully included in the download however.

    The style files in the download.

    The include:

    	<link rel="stylesheet" type="text/css" href="/kendo/styles/kendo.kendo.min.css" />

    The .css file is included however the folder with the images referenced by that CSS is not included in the download. I changed the style to Default and it worked perfectly.
Back to Top