This is a migrated thread and some comments may be shown as answers.

Kendo newb loses drop down arrow!

1 Answer 450 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Justin
Top achievements
Rank 1
Justin asked on 23 Dec 2011, 06:30 PM
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");
     
});

1 Answer, 1 is accepted

Sort by
0
Justin
Top achievements
Rank 1
answered on 23 Dec 2011, 07:03 PM
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.
Tags
DropDownList
Asked by
Justin
Top achievements
Rank 1
Answers by
Justin
Top achievements
Rank 1
Share this question
or