themes - MVC4でテーマを変更する方法

Question

好きなjqueryテーマをjqueryサイトからダウンロードして新しいテーマを作成できるようでした。しかし、それは私のMVCサイトではあまり変わりません。MVC4アプリケーションでテーマを変更する方法を教えてもらえますか？

Answer 1

私があなたの質問を理解しているように：

MVC4アプリケーションのベーステーマをjqueryuiテーマローラーからカスタム生成されたテーマに置き換えるにはどうすればよいですか？

イントラネットアプリケーション用のMS標準テンプレートから作成された私のかみそりMVC4VisualStudio2012アプリケーションの手順。jQueryUIは、nugetの基本テーマを使用してアプリケーションに既にインストールされています。

1. http://jqueryui.com/themeroller/を使用してテーマを作成し、zipを一時フォルダーにダウンロードしました
2. jquery-ui-1.10.3.custom.jsをScriptsフォルダーに抽出しました
3. App_Start/Bundle.ConfigファイルのRegisterBundlesメソッドを編集しました
   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. カスタムテーマ（my-themeなど）にちなんで名付けられたcssサブフォルダーをthemesフォルダー「Content / themes/my-theme」に抽出しました。
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のbase-themeバンドル呼び出しを新しいものに置き換えました。
   @Styles.Render("~/Content/themes/kjr-theme/css") @Styles.Render("~/Content/themes/base/css")

MVC4アプリケーションでテーマを置き換えるためのより良い、またはよりクリーンな方法がある場合は、私に知らせてください！

マイケル

Answer 2

jquery uiのバージョンが変更されたため、MVC4テンプレートのjqueryuiスクリプトは現在のバージョンのjqueryuiと互換性がないようです。したがって、ダウンロードしたjquery uiのcssディレクトリをMVC4のテーマフォルダにコピーして、サイトに適用されることを期待することはできません。

したがって、私が行ったことは、jquery.ui.theme.cssをjquery.ui.custom.cssの対応する部分に置き換えることでした。そして、新しいテーマが私のMVC4サイトに正しく表示されるようになりました。

Answer 3

Code Projectサイトは、ChrisPietschmannの実装を使用しています

コードプロジェクト： http： //www.codeproject.com/Articles/32847/ASP-NET-MVC-Dynamic-Themes