jQuery UIテーマの適用

jQuery UIが提供するテーマをSpreadコントロールに適用できます。

テーマを適用可能な領域は、次のとおりです。

列ヘッダ
行ヘッダ
シートコーナー
フッタ、およびフッタのコーナー
コマンドバー
タイトルバー
グループバー
グレー領域のヘッダ
階層バー
ページャー
シートタブ

jQuery UIテーマから適用されるスタイルは、次のとおりです。

背景色
背景イメージ
前景色
フォントファミリ
フォントの太さ
フォントサイズ

jQuery UIテーマの詳細な使用方法や、提供するテーマの入手については、jQuery UI ThemeRollerの公式サイトを参照してください。

http://jqueryui.com/themeroller/（英語）

jQuery UIのテーマでは、以下の注意点があります。

テーマを有効にすると、テーマのスタイルの優先度はデフォルトスタイルより高く、カスタムスタイルより低くなります。適用されているスキンがDefaultSkins.Defaultであるか、または未設定の場合は、テーマが有効になります。SheetView クラスのActiveSkin プロパティから取得されるアクティブスキンが組み込みスキン（DefaultSkins.Default以外）またはカスタムスキンである場合は、テーマは無効になります。

ビューポート、コンテキストメニュー、フィルタメニュー、タッチ用メニューバー、ダイアログ、グループヘッダ、グループフッタはサポートされません。
SheetView クラスのSelectionBackColor プロパティが設定されている場合は、テーマの強調表示は適用されません。

設定方法

jQuery UI ThemeRollerのサイトから、テーマが定義されているファイルをダウンロードします。
CSSファイルや画像など、必要なファイルをプロジェクトフォルダにコピーします。
テーマを適用するページに、コピーしたCSSファイルをリンクに追加します。
FpSpread クラスのEnablejQueryTheme プロパティをtrueに設定します。

サンプルコード

次のサンプルコードは、jQuery UIテーマを適用する例です。

スクリプト

<head runat="server">
  <title>Demo page</title>
  <link href="jquery-ui-themes-1.10.4/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet" />
</head>

C#
Visual Basic

FpSpread1.EnablejQueryTheme = true;

FpSpread1.EnablejQueryTheme = True