如何在MVC4中更改主題

Question

好像我可以從jquery站點下載我喜歡的jquery主題來創建新主題。但是這在我的MVC網站中並沒有太大的改變。任何人都可以告訴我如何在MVC4應用程序中更改主題？

Answer 1

當我明白你的問題：

我怎樣才能從jQuery UI的主題滾子自定義生成的題材取代基本主題在MVC4應用程序？

我的剃鬚刀MVC4 visual studio 2012應用程序的步驟從一些MS標準模板創建的Intranet應用程序。 jQueryUI已經在我的應用程序中安裝了nuget的基本主題。

1. 創建使用http://jqueryui.com/themeroller/的主題和下載的壓縮，以提取一些臨時文件夾
2. 了jQuery-UI-1.10.3.custom.js到我的腳本文件夾
3. 編輯我RegisterBundles方法在文件App_Start /Bundle.Config
   bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-1.10.1.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-1.10.3.custom.js"));
4. 提取命名爲我的自定義主題（如我的主題）爲主題的CSS文件夾的子文件夾「內容/噸血紅素/我的主題」。
5. 註釋掉App_Start BundleConfig.cs基本主題線路和替換爲單個文件包大基本主題StyleBundle
   bundles.Add(new StyleBundle("~/Content/themes/my-theme/css").Include( "~/Content/themes/my-theme/jquery-ui-1.10.3.custom.css")); //bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( // "~/Content/themes/base/jquery.ui.core.css", // "~/Content/themes/base/jquery.ui.resizable.css", // ...
6. 終於取代基的主題包呼叫我layout.cshtml與新的一個。
   @Styles.Render("~/Content/themes/kjr-theme/css") @Styles.Render("~/Content/themes/base/css")

如果有更好或更清潔的方式來取代MVC4應用的主題，請讓我知道！

邁克爾

Answer 2

由於jquery ui版本發生了變化，MVC4模板中的jquery ui腳本似乎與當前版本的jquery ui不兼容。所以你不能只複製下載的jQuery UI的CSS目錄到你的主題文件夾MVC4，並期望它會應用於您的網站。

所以我所做的就是用jquery.ui.custom.css中的相應部分替換jquery.ui.theme.css。現在，我的MVC4網站正確顯示了新主題。

Answer 3

代碼項目網站使用Chris Pietschmann

代碼項目的實施： http://www.codeproject.com/Articles/32847/ASP-NET-MVC-Dynamic-Themes