HTML5 フォームのデフォルトスタイルの変更

カスタムスタイルを追加するプロファイルの選択

http://<server>:<port>/crx/de の URL で CRX DE インターフェイスにアクセスし、プロファイルを作成するか、既存のプロファイルを選択します。プロファイルの作成方法について学ぶには、「新しいプロファイルの作成」を参照してください。

HTML5 フォームのスタイル設定用の CSS スタイルシートの作成

プロファイルレンダラーを作成したフォルダーに移動し、CSS スタイルシートファイルを作成します。次の手順に従います。

1. フォルダーを右クリックして、メニューから作成／ファイルを作成を選択します。
2. 「ファイルを作成」ダイアログで、スタイルシートの名前を入力します。拡張子 .css を必ず使用してください (例： stylesheet.css)。
3. ナビゲーションペインから、作成した CSS ファイルを開きます。
4. スタイル設定するコンポーネントの CSS クラスを定義し、それらのクラスにスタイルを追加します。 

Profile Renderer にスタイルシートを追加する

CRX DE でプロファイルレンダラーページ（jsp ファイル）を開き、CSS ファイルを XFA クライアントライブラリのすぐ下にあるページに含めます。次の手順を実行して、CSS ファイルをプロファイルに含めます。

1. レンダラーページで次の行を検索します。
   
   <cq:includeClientLib categories="xfaforms.profile" />
2. 次の行を上記の行の下に挿入して、スタイルシートを含めます。
   
   <link href="/path/to/stylesheet" rel="stylesheet" type="text/css"/>
3. ファイルを保存します。