ヘッダー

ヘッダーは、ダッシュボード ビューの上部に沿った予約済みの領域であり、ダッシュボードに一意の識別情報を提供し、コーポレート ブランディング標準を適用し、リンクを追加コンテンツに提供するために使用できます。 ダッシュボードのデスクトップ ビューでは、1 つ以上のセレクターをホストするためにヘッダーを対話型ダッシュボードで使用することもできます。 各ダッシュボード ビューには、ヘッダーを 1 つだけ配置させることができます。ヘッダーはビューの幅全体を常に占めるように設計されています。

ヘッダー エレメント

ヘッダー サイズ

ヘッダーは、2 つのサイズ (小または大) のいずれかにすることができます。 ヘッダーのサイズは、そのヘッダーの構成方法と内容によって異なります。 たとえば、デスクトップ ビューでは、ヘッダー内でサブタイトルがタイトルと同じ行に配置されている場合、そのヘッダーのサイズは小になります。 サブタイトルがタイトルの下に配置されている場合、そのヘッダーのサイズは大になります。 ヘッダーにロゴが含まれている場合は、ロゴのサイズによってヘッダーのサイズが決まります。 少なくとも 1 つのセレクターが含まれているヘッダーは常に大になります。 モバイル ビューでは、サブタイトルが常にタイトルの下に配置されます。

ヘッダーの画像

ヘッダーにロゴを含めるには、URL で画像を参照するか、アイコンを使用します。 URL で参照できる画像は、組織に追加されたまたは Web からの JPEG 画像または PNG 画像です。 画像には、以下の寸法が推奨されます。 推奨サイズよりも大きい画像は縮小されますが、推奨サイズよりも小さい画像は拡大されません。

以下の表に、ヘッダーのサイズの高さ、およびこれらのヘッダーに挿入するためのロゴの推奨される寸法を示します。

ヘッダー サイズヘッダーの高さ (px)ロゴの寸法 (px)

44

32x32

63

48x48

URL をヘッダーで使用する際のヒントを次に示します。

URL 参照には、HTTPS を使用します。 画像ファイルをアイテムとして組織サイトのコンテンツに追加することもできます。 新しいアイテムを追加した後に、そのアイテムをすべてのユーザーと共有します。 これによって、ダッシュボードで使用できる画像のアイテムの詳細ページの URL が生成されます。 この URL がユーザー以外のドメインを参照している場合は、リクエストされたリソースをホストしているサーバーがユーザーのドメインからの CORS リクエストに対応できるようにすることをお勧めします。

メニュー アイテム

ヘッダーには、サイン アウト オプションを挿入できるメニュー、情報ウィンドウ、外部リンクを配置することができます。 情報ウィンドウを使用して、背景情報、手順、利用規約、免責事項などの静的コンテンツを提供することができます。 URL を使用して、外部の Web サイトや、ダッシュボードに関連するコンテンツにリンクすることができます。

情報ウィンドウ