Page Comparison

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

h2. Overview概要
{styleclass: Class=topLink} [topページトップ |#top] {styleclass}
Yellowfin has some styling options available through Administration. These options allow you to define the default styles of content, rather than system components. Yellowfinでは「管理」を通じて使用可能ないくつかのスタイリングオプションがあります。これらのオプションによってシステムコンポーネントではなくコンテンツのデフォルトスタイルを定義できます。

!overview.png|thumbnail,border=1!


h2. Reportレポートタイトル
Title
{styleclass: Class=topLink} [topページトップ |#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Title タイトルのフォント Font|Define the following settings: 次の設定を定義します：
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Description Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Border Style|Select the border line style from the drop down list|
|Border|Define the following settings if a Border Style other than None was selected:
# Select a thickness from the drop down list
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Background|Use the colour picker to select a colour, or enter a HEX code for the required colour. Use the colour picker to select a colour, or enter a HEX code for the required colour使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。
# フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。
# テキストの位置を左、中央、右から選択します。 |
| 説明のフォント | 次の設定を定義します：
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。
# フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。
# テキストの位置を左、中央、右から選択します。 |
| 境界線のスタイル | ドロップダウンメニューから境界線のスタイルを選択します。 |
| 境界線 | 「なし」以外の境界線のスタイルが選択された場合は次の設定を定義します：
# 使用可能なドロップダウンメニューから厚さを選択します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| 背景 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


h2. Columnカラムヘッダー
Heading
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Font|Define theフォント following| settings:次の設定を定義します：
# Select a font from the available drop down list使用可能なドロップダウンメニューからフォントを選択します。
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define the following settings:
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colourフォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| スタイル | 次の設定を定義します：
# フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。
# テキストの位置を左、中央、右から選択します。 |
| 背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


h2. Dataデータ
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Font|Define theフォント following| settings:次の設定を定義します：
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define font styles of *Bold*, _Italic_, +Underlined+|
|Row Shading|Select from same, or alternating. If alternating is selected, you will need to specify an alternate colour using the colour picker or providing a HEX code|
|Row Highlight|Use the colour picker to select a colour, or enter a HEX code for the required colour使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| スタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。 |
| ロウ（行）の陰影 | 同じにするか、または交互にするかを選択します。交互にする場合は、交互の色をカラーピッカーを使用して選択するか、またはHEXコードを入力します。 |
| ロウ（行）の強調表示 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


h2. Sectionセクションのタイトル
Title
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Font|Define theフォント following| settings:次の設定を定義します：
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define the following settings:
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| スタイル | 次の設定を定義します：
# フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。
# テキストの位置を左、中央、右から選択します。 |
| 背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


h2. Header & Footerヘッダーとフッター
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Header|Define theヘッダー contents of the Left, Centre, and Right panels in the Header by entering text or using the following buttons:
| テキストを入力するか、次のボタンを使用して、ヘッダーの左、中央、右のパネルの内容を定義します：
{panel:bgColor=white|borderColor=white}
# Page Number - returns a number for each page within the report
# Title - returns the title of the report
# Description - returns the description of the report
# Date - returns the date the report was run
# Time - returns the time the report was run
# Logo - adds the company logo. This is specified through Administration.
# Image - allows you to add an image from a drop down list. Images are defined through Administration.
*ページ番号* \- レポート内の各ページの番号を返します。
# *タイトル* \- レポートのタイトルを返します。
# *説明* \- レポートの説明を返します。
# *日付* \- レポートを実行した日付を返します。
# *時刻* \- レポートを実行した時刻を返します。
# *ロゴ* \- 会社のロゴを追加します。これは「管理」を介して指定します。
# *イメージ* \- ドロップダウンメニューからイメージを追加できます。イメージは「管理」を介して定義されます。
{panel}
{color:#CC0000#cc0000}{*Note:}注意：*{color} in order to add these items to the panels in the header, you must first click in the panel box you wish to add to, then click on the button of the item. You should then see something added to the panel box. If the box remains blank it was not correctly selected.|
|Footer|Define the contents of the Left, Centre, and Right panels in the Footer by entering text or using the buttons available for the Header (outlined above)
{color:#CC0000}*Note:*{color} in order to add these items to the panels in the footer, you must first click in the panel box you wish to add to, then click on the button of the item. You should then see something added to the panel box. If the box remains blank it was not correctly selected.|
|Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define font styles of *Bold*, _Italic_, +Underlined+これらの項目をヘッダーのパネルに追加するには、最初に追加先のパネルボックス内をクリックしてから項目のボタンをクリックする必要があります。その後、パネルボックスに追加された項目が表示されます。ボックスが空のままの場合は、正しく選択されていません。 |
| フッター | テキストを入力するか、ヘッダーで使用可能なボタン（前述）を使用して、フッターの左、中央、右のパネルの内容を定義します。\\
 {color:#cc0000}{*}注意：*{color} これらの項目をフッターのパネルに追加するには、最初に追加先のパネルボックス内をクリックしてから項目のボタンをクリックする必要があります。その後、パネルボックスに追加された項目が表示されます。ボックスが空のままの場合は、正しく選択されていません。 |
| フォント | 次の設定を定義します：
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| スタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付き{+}を選択できます。 |

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


h2. Report Summaryレポートサマリー
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Default Chartデフォルトグラフ色 Colour|Define the colour to be used in Report Summary charts. レポートサマリーのグラフで使用する色を定義します。 |

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