In XF Designer you can assign a Cascading Style Sheet (CSS) in order to extract the style from the layout. This is an easy way to define a common style (e.g. font size, weight etc.) for common elements in your reports. Then you only need to update your style to change how your report looks like.
In the samples all the reports uses the style sheet dRofus.css. In addition there is also a style sheet dRofus2.css that you can try to assign to any of the sample to see the difference. They both have the following styles:
...
Style name:
...
Description/use
...
block.report-common
...
XF Designerでは、レイアウトからスタイルを抽出するためにCSS (カスケード・スタイル・シート) を割り当てることができます。
これは、レポートの共通要素に共通のスタイル (フォントサイズ、太さなど) を簡単に設定する方法です。その後、スタイルを更新するだけで、レポートの外観を変更できます。
サンプルでは、すべてのレポートでスタイルシートdRofus.cssを使用しています。
さらに、dRofus2.cssというスタイルシートもあり、サンプルのどれかに割り当てて違いを見ることができます。 どちらも次のようなスタイルを持っています：
スタイル名： | 内容/用途 |
|---|---|
block.report-common | ドキュメント内のルートブロックに適用される特別なスタイル。 |
.core-header-cell | Defines the background color etc. for the header row in the item core tables.アイテム・コア・テーブルのヘッダー行の背景色などを設定します。 |
.core-body-cell | Defines the border around the item core in building block.ビルディング・ブロックのアイテム・コアの周りのボーダー (境界線) を定義します。 |
.core-label | Labels in room core building block. Sets font style to italic部屋コア・ビルディング・ブロックのラベル。フォントのスタイルをイタリックに設定 |
.core-value | Values in room core building block. Sets font weight to bold, right aligns the text and sets some padding at the end.部屋コア・ビルディング・ブロックの値。フォントの太さを太字に設定し、テキストを右揃えにし、最後にパディングを設定します。 |
.dyn-flag-header-cell | Used for the table cell holding dynamic GUI flag label information. Sets background to gray and centers the text.動的 GUI フラグラベル情報を保持するテーブルセルに使用。背景を灰色に設定し、テキストを中央に配置します。 |
.dyn-flag-body-cell | Defines the border around the content of the flag (the groups).フラッグの内容 (グループ)を囲むボーダーを定義する。 |
block.dyn-group-header | The group label in dynamic GUI. Font weight bold and a border/line below the label.ダイナミックGUIのグループラベル。フォントは太字で、ラベルの下には枠線があります。 |
block.dyn-element-label | Label of elements in dynamic GUIダイナミックGUIの要素のラベル。 |
block.dyn-element- | Values ダイナミックGUIの値 (fields) for dynamic GUI. Sets font style to italic.フィールド)。フォントのスタイルをイタリックに設定します。 |