Skip to main content
Skip table of contents

スタイルシート

XF Designerでは、レイアウトからスタイルを抽出するためにCSS (カスケード・スタイル・シート) を割り当てることができます。
これは、レポートの共通要素に共通のスタイル (フォントサイズ、太さなど) を簡単に設定する方法です。その後、スタイルを更新するだけで、レポートの外観を変更できます。
サンプルでは、すべてのレポートでスタイルシートdRofus.cssを使用しています。
さらに、dRofus2.cssというスタイルシートもあり、サンプルのどれかに割り当てて違いを見ることができます。 どちらも次のようなスタイルを持っています:

スタイル名:

内容/用途

block.report-common

ドキュメント内のルートブロックに適用される特別なスタイル。
ここでは、後で明示的に別のスタイルを取得しないすべての要素に共通のフォントとスタイルなどを設定できます。

.core-header-cell

アイテム・コア・テーブルのヘッダー行の背景色などを設定します。

.core-body-cell

ビルディング・ブロックのアイテム・コアの周りのボーダー (境界線) を定義します。

.core-label

部屋コア・ビルディング・ブロックのラベル。フォントのスタイルをイタリックに設定

.core-value

部屋コア・ビルディング・ブロックの値。フォントの太さを太字に設定し、テキストを右揃えにし、最後にパディングを設定します。

.dyn-flag-header-cell

動的 GUI フラグラベル情報を保持するテーブルセルに使用。背景を灰色に設定し、テキストを中央に配置します。

.dyn-flag-body-cell

フラッグの内容 (グループ)を囲むボーダーを定義する。

block.dyn-group-header

ダイナミックGUIのグループラベル。フォントは太字で、ラベルの下には枠線があります。

block.dyn-element-label

ダイナミックGUIの要素のラベル。

block.dyn-element-
values

ダイナミックGUIの値 (フィールド)。フォントのスタイルをイタリックに設定します。

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.