レスポンシブダッシュボードのレイアウトの構成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:4分
  • ウィジェットの外観を変更できます。ウィジェットのレイアウトを変更する。ウィジェットのタイトル、ヘッダー、背景の色を変更します。ウィジェットヘッダーを表示または非表示にします。

    始める前に

    必要なロール:ユーザー。 すべてのダッシュボードには dashboard_admin、または自分が所有するダッシュボードあるいは編集権限を付与されたダッシュボードには任意のロール。ダッシュボードの表示権限と編集権限の詳細については、「プラットフォームアナリティクスダッシュボードのロール」を参照してください。

    注:
    レスポンシブダッシュボードでは、Sticky Notes ウィジェットはサポートされていません。

    手順

    1. 移動先 すべて > セルフサービス > ダッシュボード または すべて > パフォーマンスアナリティクス > ダッシュボード.
    2. ダッシュボードピッカーから、編集するダッシュボードを選択します。
    3. プラス記号 (プラス 記号ボタン) をクリックして、ダッシュボードを編集モードにします。
    4. 次のいずれかのアクションを実行します。
      アクションステップ
      ウィジェットの境界線、ヘッダー、およびタイトルの表示または非表示
      1. ウィジェットをポイントし、歯車アイコン (ウィジェットを編集アイコン) をクリックします。
      2. [ウィジェットを編集] ウィンドウで、境界線、ヘッダー、およびタイトルを表示または非表示にするように、ボックスをオンまたはオフにします。
        注:
        ヘッダーを非表示にする場合は、ウィジェットの上部にあるハンドルバーをポイントしてアイコンを表示します。
      3. タイトルを揃えるには、[ ]、[ 中央]、または [右] を選択します。
      [境界線を表示]、[ヘッダー]、および [タイトル] ボックスが選択された [ウィジェットを編集] ウィンドウ。

      ウィジェットヘッダーを非表示にすると、ウィジェットにインタラクティブフィルターを適用したことを示すアイコンを含むヘッダーアイコンは表示されません。

      ダッシュボード内からウィジェットのタイトルを変更することはできません。タイトルは、ウィジェットの基になっている可視化から取得されます。可視化自体を編集してタイトルを変更します。

      ウィジェットのタイトル色とヘッダー色の変更
      1. ウィジェットをポイントし、歯車アイコン (ウィジェットを編集アイコン) をクリックします。
      2. [ウィジェットの編集] ウィンドウで、[タイトルの色] または [ヘッダーの色] のカラーピッカーアイコン (カラーピッカーアイコン) をクリックします。
      3. カラー ピッカーで、スライダーを使用して色相を選択し、色を選択します。[ タイトルの色 ] または [ヘッダーの色 ] フィールドに色の 16 進コードを入力することもできます。デフォルトのタイトルまたはヘッダーの色に戻すには、16 進コードを削除します。
      注:
      暗い色のヘッダーを選択すると、ヘッダーのアイコンが白に変わります。明るい色のヘッダーを選択すると、ヘッダーのアイコンが黒に変わります。
      ウィジェットのサイズ変更またはレイアウトの変更
      ウィジェットをドラッグして移動し、サイズを変更します。
      • ウィジェットを大きくするには、ウィジェットヘッダーをポイントしてから、サイズ変更アイコン (サイズ変更アイコン) をクリックします。
      • ウィジェットを縮小するには、ウィジェットのヘッダーをポイントし、Shift を押しながらサイズ変更アイコンをクリックします。
      ダッシュボードの背景色の適用
      1. 構成アイコン (構成ペインのアイコン) をクリックして [構成] ペインを開きます。
      2. [ カスタム背景色を使用] を選択し、色をクリックしてカラーピッカーを開きます。カラーホイール、カラースライダー、カラーパレット、スペクトラム、鉛筆の 5 つのオプションアイコンがあります。
      3. [スライダー] オプションから、[グレースケール]、[RGB]、[CMYK]、または [HSB] を選択します。RGB では、16 進コードを指定できます。
      4. カラーピッカーの下部にあるパレットに任意の色をドラッグして、他のコア UI ダッシュボードの背景で使用します。
      5. [ カスタム背景色を使用] をオフにすると、デフォルトの背景色に戻ります。
      注:
      選択した背景色は、ダッシュボードのすべてのタブに適用されます。

      コア UI ダッシュボードの背景は、カスタム色でテーマ化することはできません。

      ダッシュボードへのクイックレイアウトの適用
      1. 構成アイコン (構成ペインのアイコン) をクリックして [構成] ペインを開きます。
      2. ウィジェットをスナップさせるレイアウトをクリックします。必要に応じて、ウィジェットのサイズまたはレイアウトを変更します。
      ダッシュボードからのウィジェットの削除
      1. プラス記号 (プラス記号ボタン) をクリックして、ダッシュボードを編集モードにします。
      2. ウィジェットの上部をポイントし、表示される [X] アイコン (ウィジェットアイコンを削除) をクリックします。
      注:
      確認メッセージはありません。ウィジェットがダッシュボードに表示されなくなります。
    5. オプション: コンテンツブロックを追加して、ダッシュボードのコンテンツを分割したり、他のコンテンツを提供したりします。
      [ ウィジェットを追加 ] リストから [コンテンツブロック] を選択します。静的コンテンツブロックの詳細については、「 静的 HTML ブロックの構成」を参照してください。