選択したコントロールおよびフィールド用の CSS スタイルのオーバーライド (非推奨)

カスケーディング・スタイル・シート (CSS) スタイルをオーバーライドして、Heritage Coach の外観をカスタマイズすることができます。

1. 作業する Heritage Coach が含まれるサービスを開き、「Coach」タブをクリックします。
2. 設計領域で、カスタマイズする Heritage Coach コントロールをクリックして選択します。
3. プロパティーの「カスタマイズ」オプションをクリックします。
4. 「クラスの追加」ボタンをクリックします。
5. 「クラスの詳細」の下にある「クラス名」テキスト・ボックスに名前を入力します。 デフォルトで、このフィールドには名前「class」が含まれています。 このテキストを、使用するクラス名で置き換える必要があります。
6. Heritage Coach コントロールのラベル用の CSS スタイルをオーバーライドするには、「ラベル・オーバーライドの作成」ボタンをクリックします。 これにより、. class_name .twLabel { } CSS クラスが作成されます。これは Heritage Coach 内に直接保管されます。また、以下のステップで説明されているように、このクラスにアクセスすることができます。
7. 設計領域で、Heritage Coach の最上位セクション (デフォルトで「IBM® Business Process Manager Coach」という名前が付けられています) をクリックし、プロパティーで「CSS」オプションをクリックします。
8. 「CSS」テキスト・ボックスに、CSS オーバーライド設定値を入力します。 例えば、以下の CSS オーバーライドを使用すると、ラベル・テキストの色が赤に変わり、ラベル・テキストの書体が太字に変わります。. class_name .twLabel { color:red; font-weight:bold; }
9. Heritage Coach コントロール自体の CSS スタイルをオーバーライドするには、選択したコントロールの「カスタマイズ」プロパティーに戻って、「コントロール・オーバーライドの作成」ボタンをクリックします。 これにより、.class_name .twControl { } CSS クラスが作成されます。
10. 設計領域で、Heritage Coach の最上位セクション (デフォルトで「IBM BPM Coach」という名前が付けられています) をクリックし、プロパティーで「CSS」オプションをクリックします。
11. 「CSS」テキスト・ボックスに、CSS オーバーライド設定値を入力します。 例えば、以下の CSS オーバーライドを使用すると、コントロールのテキストの書体がイタリックに変わります。. class_name .twControl { font-style:italic; }
12. Heritage Coach を保存し、サービスを実行して CSS オーバーライドをテストします。