Page Comparison

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

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

!overview.png|thumbnail,border=1!


h2. レポートタイトル
{styleclass: Class=topLink} [ページトップ|../../../../../../../../../../../#%E3%82%B0%E3%83%A9%E3%83%95%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0-top#top] {styleclass}
|| オプション || 値の説明 ||
| タイトルのフォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。
# フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+
# テキストの位置を左、中央、右から選択します。 |
| 説明のフォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。
# フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+
# テキストの位置を左、中央、右から選択します。 |
| 境界線のスタイル | ドロップダウンメニューから境界線のスタイルを選択します。 |
| 境界線 | 「なし」以外の境界線のスタイルが選択された場合は次の設定を定義します。
# 使用可能なドロップダウンメニューから厚さを選択します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| 背景 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


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

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


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

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


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

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


h2. ヘッダーとフッター
{style classstyleclass: Class=topLink} [ページトップ|#top] {style classstyleclass}
|| オプション || 値の説明 ||
| ヘッダー | テキストを入力するか、次のボタンを使用して、ヘッダーの左、中央、右のパネルの内容を定義します。
{panel:bgColor=white|borderColor=white}
# ページ番号 - レポート内の各ページの番号を返します。
# タイトル - レポートのタイトルを返します。
# 説明 - レポートの説明を返します。
# 日付 - レポートを実行した日付を返します。
# 時刻 - レポートを実行した時刻を返します
# ロゴ - 会社のロゴを追加します。これは「管理」を介して指定します。
# イメージ - ドロップダウンメニューからイメージを追加できます。イメージは「管理」を介して定義されます。
{panel}
{color:#cc0000}{*}注意：*{color}これらの項目をヘッダーのパネルに追加するには、最初に追加先のパネルボックス内をクリックしてから項目のボタンをクリックする必要があります。その後、パネルボックスに追加された項目が表示されます。ボックスが空のままの場合は、正しく選択されていません。 |
| フッター | テキストを入力するか、ヘッダーで使用可能なボタン（前述）を使用して、フッターの左、中央、右のパネルの内容を定義します。 \\  {color:#cc0000}{*}注意：*{color}これらの項目をフッターのパネルに追加するには、最初に追加先のパネルボックス内をクリックしてから項目のボタンをクリックする必要があります。その後、パネルボックスに追加された項目が表示されます。ボックスが空のままの場合は、正しく選択されていません。 |
| フォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| スタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+ |

h3. {expand:title=例} !06headerFooter.png!{expand}

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