現在表示中:

AEM Forms Workspace ユーザーインターフェイス部分のカラースキームを必要に合わせて変更できます。代表的なカラースキームのカスタマイズの例を以下にいくつか示します。この記事の手順に加えて、「AEM Forms Workspace のカスタマイズの一般的な手順」を参照してください。

トップナビゲーションバー

背景画像の使用

AEM Forms Workspace 上部のナビゲーションバーを更新するには:

  1. 背景画像を作成して色を更新します。ファイルに newBackground.jpg と名前を付けます。

  2. WebDAV クライアントを使用して背景画像を /apps/ws/images フォルダーにアップロードします。

    注意:

    WebDAV アクセスについて詳しくは、http://dev.day.com/docs/en/crx/current/how_to/webdav_access.html を参照してください。

  3. 次のスタイルを追加することによって、/apps/ws/css/newStyle.css にある新しい背景画像を参照します。

    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }

CSS におけるカラープロパティの使用

  1. /apps/ws/css にある newStyle.css に次のスタイルを追加します。

    #header {
    background : none;
    background-color: gray;
    }

カテゴリコンポーネント

カテゴリコンポーネントは、左パネルでタスクのさまざまなカテゴリを表示します。 この色を変更するには、CSS ファイルの.category 要素で、背景色を定義します。

タスクコンポーネント

タスクは、TaskList コンポーネントと呼ばれる中央のパネルに表示されます。 色を変更するには、スタイルシートにある .task セレクターに関連付けられたスタイルを変更します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー