How to add another jquery ui theme to visual studio 2012 MVC4 Project

Question

Can someone explain to me step by step how I can change jquery ui themes in visual studio 2012. For example, when I use this command, Install-Package jQuery.UI.Themes.lightness, how can I make ui-lightness, or if I choose another topic, how to display it. The reason is that I do not want to use the default theme, which is basic. I want to know the correct file to modify

Any help would be appreciated.

This is what I already have on my page layout.

@Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") @Styles.Render("~/Content/themes/base/css") @Styles.Render("~/Content/themes/ui-lightness/css") @Scripts.Render("~/bundles/jqueryui") @Styles.Render("~/Content/themes/base/css") @Styles.Render("~/Content/themes/ui-lightness/css") 

Answer 1

First make sure you link the correct files.

App_Start / BundleConfig.cs

 // you want to remove this bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/jquery-ui.core.css", ... ); // and add this bundles.Add(new StyleBundle("~/Content/themes/ui-lightness/css").Include( "~/Content/themes/ui-lightness/jquery-ui.core.css", ... ); 

Then specify the set in your layout.

_Layout.cshtml

 @Styles.Render("~/Content/themes/base/css") // remove this @Styles.Render("~/Content/themes/ui-lightness/css") // add this 

All of this assumes that you installed the theme in /Content/themes

The easiest way is to find the base and replace it with ui-lightness in the layout and package configuration.