インターフェイスのカラースキームの変更 changing-the-color-scheme-of-the-interface
AEM Forms Workspace のユーザーインターフェイス部分のカラースキームは、要件に合わせて変更できます。 代表的なカラースキームのカスタマイズの例を以下に示します。 この記事の手順に加えて、「AEM Forms Workspace のカスタマイズの一般的な手順」を参照してください。
上部ナビゲーションバー top-navigation-bar
背景画像の使用 using-background-image
AEM Forms Workspace の上部にあるナビゲーションバーを更新するには:
-
背景画像を作成して色を更新します。 ファイルに newBackground.jpg という名前を付けます。
-
WebDAV クライアントを使用して、/apps/ws/images フォルダーに背景画像ファイルをアップロードします。
note note NOTE WebDAV アクセスの詳細については、 https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html を参照してください。 -
次のスタイルを追加して、 /apps/ws/css/newStyle.cssで新しい背景画像を参照します。
code language-css #header { background:#292929 url(../images/newBackground.jpg) repeat-x; }
CSS でのカラープロパティの使用 using-color-property-in-css
-
/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
a6ebf046-2b8b-4543-bd46-42a0d77792da