How do I use legacy themes?

[Sean Cross]

I have an existing site that I would like to convert from mvc extensions to kendo.  However I am having problems with using a legacy theme (WebBlue).  I have added the WebBlue folder to content and the supporting .css files.  I am including them in my master page as follows:
<link href="<%= Url.Content("~/Content/kendo.common.min.css") %>" rel="stylesheet" type="text/css" />
<%--        <link href="<%= Url.Content("~/Content/kendo.blueopal.min.css") %>" rel="stylesheet" type="text/css" />--%>
<link href="../../Content/telerik.common.css" rel="stylesheet" type="text/css" />
<link href="../../Content/telerik.webblue.css" rel="stylesheet" type="text/css" />
<script src="<%= Url.Content("~/Scripts/jquery.min.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/kendo.web.min.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/kendo.aspnetmvc.min.js") %>" type="text/javascript"></script>

The resulting controls however are only barely themed.  The buttons are white and the highlight colours are off (see attached).  Am I doing something wrong?

[Iliana Dyankova]

Hi Sean,

The definition of the scripts looks OK. Our developers have recently resolved a similar issue with the themes and the fix is available with the latest internal build - please test it and let me know if the problem still persist.
 
Kind regards,
Iliana Nikolova
the Telerik team

[Sean Cross]

I have downloaded the latest internal build, 2012.2.723 and the problem still exists.

[Dimo]

Hello Sean,

The Kendo UI widgets and the MVC extensions do not support multiple themes used on the same page. The problem is caused by the fact that both legacy MVC CSS files and current Kendo UI CSS files are registered on the page. I suppose you would want to remove the two Kendo CSS files.

Eventhough the different state colors in the legacy themes are correct, the MVC wrappers for Kendo UI may not look absolutely identical to the MVC extensions due to differences in HTML markup and behavior. This is the case with the dropdown's selected state, which is now actually a focused state. If you need to make it identical to the MVC ComboBox, please use

.k-state-focused
{
    background-color: #3E94B4;
}

#3e94b4 is the selected state background color. Add the above CSS rule after registering the legacy WebBlue theme.

Regards,
Dimo
the Telerik team

[ahoads76]

I have downloaded the last Kendo internal build, as well as both the ASP.NET MVC 2.704 and Kendo 2.710 and packages, and cannot find the "kendo.aspnet.min.js" file, nor any .css that contains the legacy Telerik themes for use with the Kendo library.  Where should I be looking?  I've seen another post that says that these are already available, but I can't find them.

[Sean Cross]

They are under the \wrappers\aspnetmvc\ folder.  E.g. C:\Program Files (x86)\Telerik\Kendo UI for ASP.NET MVC Q2 2012\wrappers\aspnetmvc\LegacyThemes

[ahoads76]

ARe you saying I have to download the Installer instead of the Zip file?

[Sean Cross]

I odn't know what's in the zip, but these files are in the installer.

[ahoads76]

Apparently I was downloading the Installer Zip.  I'm going to Account Overview, "Download and manage your products", DevCraft Complete "Download Installer and Other Resources", Kendo UI Web "Download Installer" ... that is the Zip file I'm talking about.  I don't see the wrappers folder you're talking about.

[Sean Cross]

It's not in "Kendo UI Web", it's in "Kendo UI Complete for ASP.NET MVC"

[ahoads76]

Thank-you.  I see it now.