CSS and JS files... Which need linking?

[Jon]

I have a web app that is using kendo ui and bootstrap. From Kendo, I'm using Dropdown lists, ListViews, Comboboxes, NumericTextbox, Window, Scheduler and Editor.

These are my linked files in my master page....

<link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" type="text/css" /><br>
<link id="cssTheme" href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /><br>
<br>
@RenderSection("css", required:=False)<br>
<br>
<link href="~/Content/kendo/2016.3.1118/kendo.common.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.common-bootstrap.core.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.common-bootstrap.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.mobile.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.dataviz.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.dataviz.mobile.min.css" rel="stylesheet" type="text/css" /><br>
<link href="~/Content/kendo/2016.3.1118/kendo.dataviz.bootstrap.min.css" rel="stylesheet" type="text/css" /><br>
<br>
<link href="~/Css/DiaryStyles.css" rel="stylesheet" type="text/css" /><br>
<br>
<br>
@RenderSection("extraCSS", required:=False)<br>
<br>
<script src="~/Scripts/jquery-2.2.3.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/bootstrap.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/kendo/2016.3.1118/jszip.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/kendo/2016.3.1118/kendo.all.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/kendo/2016.3.1118/kendo.aspnetmvc.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/kendo/2016.3.1118/cultures/kendo.culture.en-GB.min.js" type="text/javascript" ></script><br>
<script src="~/Scripts/kendo/2016.3.1118/kendo.timezones.min.js" type="text/javascript" ></script><br>
<br>
<br>
<script src="~/ScriptsDiary/Cookies.js" type="text/javascript"></script><br>
<br>
@RenderSection("extraScripts", required:=False)<br>
<br>
<!--[if lt IE 9]><br>
<script src="/Scripts/html5shiv.js" type="text/javascript" ></script><br>
<script src="/Scripts/respond.min.js" type="text/javascript" ></script><br>
<![endif]-->

 

My Question is do I need all these files? I found this document but I found it a bit confusing as to which files I definitely need.

Thanks.

[Alex Gyoshev]

Hi Jon,

You can drop quite a bit of stylesheets. Unless you use dataviz widgets (charts / map / gauges), and mobile widgets (switch / buttongroup / kendo.mobile), you can use only these: 

<link href="~/Content/kendo/2016.3.1118/kendo.common-bootstrap.min.css"rel="stylesheet" />

<link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.min.css"rel="stylesheet" />

Regards,
Alex Gyoshev
Telerik by Progress

[Jon]

Alex,

Thanks for your reply... I do use the switch on a few pages. I take it I need these for the switch....

<link href="~/Content/kendo/2016.3.1118/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/kendo/2016.3.1118/kendo.bootstrap.mobile.min.css" rel="stylesheet" type="text/css" />

[Alex Gyoshev]

Hello Jon,

The file kendo.bootstrap.mobile.min.css should be enough, as it contains the switch and buttongroup styling. kendo.mobile.all contains the styles for all Kendo Mobile themes.

Regards,
Alex Gyoshev
Telerik by Progress