インターフェイスのカラースキームの変更 changing-the-color-scheme-of-the-interface

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

上部ナビゲーションバー top-navigation-bar

背景画像の使用 using-background-image

AEM Forms Workspace の上部にあるナビゲーションバーを更新する手順は次のとおりです。

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

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

    note note
    NOTE
    詳しくは、WebDAV アクセスを参照してください。
  3. 次のスタイルを追加して、/apps/ws/css/newStyle.css の新しい背景画像を参照します。

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

CSS のカラープロパティの使用 using-color-property-in-css

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

    code language-css
    #header {
    background : none;
    background-color: gray;
    }
    

カテゴリコンポーネント category-component

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

タスクコンポーネント task-component

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2