I'm trying to build a page for the first time with Kendo and it's not working as planned. I have included all the required scripts and css links in the head element. But when I run the page the styles are not there, even though the scripts appear to work. As of now I just have one combobox on the page. I'll paste my code below and any help is appreciated.
<html>
<head id="Head1" runat="server"> <title>Mobile Manager</title> <link href="../../Styles/Site.css" rel="stylesheet" type="text/css" /> <link href="../../Styles/Kendo/Web/kendo.common.min.css" rel="Stylesheet" type="text/css" /> <link href="../../Styles/Kendo/Web/kendo.default.min.css" rel="Stylesheet" type="text/css" /> <script src="../../Scripts/Kendo/Web/jquery.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.all.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.core.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.data.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.fx.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.popup.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.list.min.js" type="text/javascript"></script> <script src="../../Scripts/Kendo/Web/kendo.combobox.min.js" type="text/javascript"></script><script src="../../Scripts/velsol.common.js" type="text/javascript"></script> <script src="../../Scripts/PageScripts/MobileManager.js" type="text/javascript"></script>
</head> <body class="bodyBackGround"> <form id="form1" runat="server"> <div id="ContentContainer" style="position: relative;">
<input id="cmbDateRange" /></div> </form> </body></html>This is in MobileManager.js...(function () { Velsol.Ajax.setPage("MyTestPage.aspx"); $(document).ready(function () { $("input#cmbDateRange").kendoComboBox({dataSource:[ { text: "Today", value: "Today" }, { text: "Week to Date", value: "WeekToDate" }, { text: "Month to Date", value: "MonthToDate" }, { text: "Year to Date", value: "YearToDate" }, { text: "Yesterday", value: "Yesterday" }, { text: "Last Week", value: "LastWeek" }, { text: "Last Month", value: "LastMonth" }, { text: "Last Year", value: "LastYear" }, { text: "Custom", value: "Custom" } ]}); }); } ());
1 Answer, 1 is accepted
0
Richard
Top achievements
Rank 1
Rank 1
answered on 06 Feb 2012, 08:26 PM
Disregard this question. I noticed a difference in my html tag and the example. Where as I was using the given
<html xmlns="http://www.w3.org/1999/xhtml"> from Visual Studio, apparently the namespace was throwing it off. After I removed the xmlns attribute the styles rendered as should be.