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. Dashboardダッシュボード
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Background 背景色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

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


h2. Dashboard Filters
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Background 背景色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |

{color:#CC0000#cc0000}{*Note:}注意：*{color} thisこの色は、フィルターが左側のナビゲーションパネルに表示されている場合は使用されません。
colour
is not used when the filters are displayed in the Left Navigation Panel.

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


h2. Filter Titlesフィルターのタイトル
{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|
|Title Style|Define font styles of *Bold*, _Italic_, +Underlined+# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのスタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+ |

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


h2. Filterフィルターグループのタイトル
Group Title
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Background 背景色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|
|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|
|Title Style|Define font styles of *Bold*, _Italic_, +Underlined+カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのフォント | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タイトルのスタイル | フォントスタイルを定義します。*太字*、_斜体_、+下線付きを選択できます。+ |

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


h2. Dashboardダッシュボードタブ
Tabs
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Tab Top Margin Backgroundタブ上余白の背景色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colourカラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
|Tab Topタブ上余白の高さ Margin Height|Provide a value, size in pixelsサイズの値をピクセル単位で入力します。 |
|Tab Backgroundタブの背景色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
|Tab Imageタブのイメージの高さ Height|Provide a value, size in pixels サイズの値をピクセル単位で入力します。 |
|Tab Dividerタブの仕切りの色 Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|	
|Tab Bottom Margin Height|Provide a value, size in pixelsカラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| タブ下余白の高さ | サイズの値をピクセル単位で入力します。 |

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


h2. Dashboardダッシュボードポートレット
Portlets
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
||Option オプション ||Value 値の説明 Description||
|Portlet Borderポートレットの境界線のスタイル Style|Use the colour picker to select a colour, or enter a HEX code for the required colour|	
|Portlet Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|	
|Portlet Tab Images|Select On or Off|
|Portlet Title|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|
|Portlet Title Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Portlet Action Buttons|Select On or Off カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットの背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットタブのイメージ | 「オン」または「オフ」を選択します。 |
| ポートレットのタイトル | 次の設定を定義します。
# 使用可能なドロップダウンメニューからフォントを選択します。
# フォントサイズ（ピクセル単位）を入力します。
# カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットのタイトルの背景色 | カラーピッカーを使用して色を選択するか、必要な色のHEXコードを入力します。 |
| ポートレットアクションボタン | 「オン」または「オフ」を選択します。 |

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

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