Page Comparison

{anchor:top}
{toc: class=contents}

h2. 概要
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
Yellowfinでは「管理」を通じて使用可能ないくつかのスタイリングオプションがあります。これらのオプションによってシステムコンポーネントではなくコンテンツのデフォルトスタイルを定義できます。

!overview.png|thumbnail,border=1!


h2. ダッシュボード
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| 背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

h3. {expand:title=例} !01dashBack.png!{expand}


h2. Dashboard Filtersダッシュボードのフィルター
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| 背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

{color:#cc0000}{*}注意：*{color}この色は、フィルターが左側のナビゲーションパネルに表示されている場合は使用されません。

h3. {expand:title=例} !01background.png!{expand}


h2. フィルターのタイトル
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| タイトルのフォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのスタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+ |

h3. {expand:title=例} !02title.png!{expand}


h2. フィルターグループのタイトル
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| 背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのフォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのスタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+ |

h3. {expand:title=例} !03groups.png!{expand}


h2. ダッシュボードタブ
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| タブ上余白の背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タブ上余白の高さ | サイズの値をピクセル単位で入力します。 |
| タブの背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タブのイメージの高さ | サイズの値をピクセル単位で入力します。 |
| タブの仕切りの色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タブ下余白の高さ | サイズの値をピクセル単位で入力します。 |

h3. {expand:title=例} !04tabs.png!{expand}


h2. ダッシュボードポートレット
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}
|| オプション || 値の説明 ||
| ポートレットの境界線のスタイル | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットの背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットタブのイメージ | 「オン」または「オフ」を選択します。 |
| ポートレットのタイトル | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットのタイトルの背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットアクションボタン | 「オン」または「オフ」を選択します。 |

h3. {expand:title=例} !05portlet.png!{expand}

\\
\\
{horizontalrule}
{styleclass: Class=topLink} [ページトップ|#top] {styleclass}