テーマ可能な空ステートのイメージの操作
テーマ可能な空ステートの画像を追加して空ステートをカスタマイズし、ユーザーエクスペリエンスを向上させます。空の状況には、ユーザーがコンテンツを追加または作成するためのガイダンスまたはアクションが含まれます。
コンポーネントまたは ネクストエクスペリエンス Web ページの一部にデータが含まれていない場合は、空の状態の画像が表示されます。空ステータスのイメージはテーマ設定可能であり、インスタンスのテーマの色に適応します。
空状態のイメージの種類は 12 種類あり、それぞれに小、中、大のバージョンがあります。テーマビルダー を使用してテーマを作成すると、UX スタイル画像レコードが作成されますが、レコードは空です。この場合、テーマはデフォルトでベースシステムの空状態のテーマ可能な画像を使用します。これらのイメージを上書きする場合は、「」を参照してください。
UI ビルダー のイラストコンポーネントを使用して、空のステータスの画像をカスタムエクスペリエンスに挿入できます。Illustration コンポーネントには、利用可能なすべての空ステータスの画像が表示されます。Illustration コンポーネントの詳細については、 Horizon Design System の空の状態を参照してください。
UI ビルダー の Custom Illustration コンポーネントを使用して、カスタム画像を追加することもできます。
テーマフックがあるテーマ可能な空の状態の画像
次の画像は、「検索結果なし」の空状態の画像と、各バリエーションに必要なテーマフックを表しています。
このバリエーションに必要なテーマフックは $now-color_interactive-1 です。
このバリエーションに必要なテーマフックは $now-color_interactive-3 です。
このバリエーションに必要なテーマフックは 、$now-color_border-secondary です。
このバリエーションに必要なテーマフックは、 $now-color_border-ターシャリです。
このバリエーションに必要なテーマフックは $now-color_background-secondary です。
このバリエーションに必要なテーマフックは、 $now-color_background-primary です。
このバリエーションに必要なテーマフックは 、$now-color_border-secondary です。
このバリエーションに必要なテーマフックは 、$now-color_border-secondary です。