How do I use legacy themes?

11 posts, 0 answers
  1. Sean Cross
    Sean Cross avatar
    37 posts
    Member since:
    Oct 2009

    Posted 22 Jul 2012 Link to this post

    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?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 25 Jul 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Sean Cross
    Sean Cross avatar
    37 posts
    Member since:
    Oct 2009

    Posted 26 Jul 2012 Link to this post

    I have downloaded the latest internal build, 2012.2.723 and the problem still exists.
  5. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 27 Jul 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. ahoads76
    ahoads76 avatar
    7 posts
    Member since:
    Oct 2006

    Posted 30 Jul 2012 Link to this post

    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.
  7. Sean Cross
    Sean Cross avatar
    37 posts
    Member since:
    Oct 2009

    Posted 30 Jul 2012 Link to this post

    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
  8. ahoads76
    ahoads76 avatar
    7 posts
    Member since:
    Oct 2006

    Posted 30 Jul 2012 Link to this post

    ARe you saying I have to download the Installer instead of the Zip file?
  9. Sean Cross
    Sean Cross avatar
    37 posts
    Member since:
    Oct 2009

    Posted 30 Jul 2012 Link to this post

    I odn't know what's in the zip, but these files are in the installer.
  10. ahoads76
    ahoads76 avatar
    7 posts
    Member since:
    Oct 2006

    Posted 30 Jul 2012 Link to this post

    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.
  11. Sean Cross
    Sean Cross avatar
    37 posts
    Member since:
    Oct 2009

    Posted 30 Jul 2012 Link to this post

    It's not in "Kendo UI Web", it's in "Kendo UI Complete for ASP.NET MVC"
  12. ahoads76
    ahoads76 avatar
    7 posts
    Member since:
    Oct 2006

    Posted 30 Jul 2012 Link to this post

    Thank-you.  I see it now.
Back to Top
UI for ASP.NET MVC is VS 2017 Ready