レスポンシブダッシュボードのレイアウトの構成
ウィジェットの外観を変更できます。ウィジェットレイアウトを変更します。ウィジェットのタイトル、ヘッダー、および背景の色を変更します。ウィジェットヘッダーを表示または非表示にします。
始める前に
必要なロール:ユーザー。 dashboard_admin、または自分が所有しているダッシュボードまたは編集権限を与えられたダッシュボードの任意のロール。ダッシュボードの表示権限と編集権限の詳細については、「プラットフォームアナリティクスダッシュボードのロール」を参照してください。
注:
レスポンシブダッシュボードでは、Sticky Notes ウィジェットはサポートされていません。
手順
- 次のように移動する。 All (すべて) > セルフサービス > ダッシュボード または All (すべて) > パフォーマンスアナリティクス > ダッシュボード.
- ダッシュボードピッカーから、編集するダッシュボードを選択します。
-
プラス記号 (
) をクリックして、ダッシュボードを編集モードにします。
-
次のいずれかのアクションを実行します。
アクション ステップ ウィジェットの境界線、ヘッダー、およびタイトルの表示または非表示 - ウィジェットをポイントし、歯車アイコン (
) をクリックします。
- [ウィジェットを編集] ウィンドウで、境界線、ヘッダー、およびタイトルを表示または非表示にするように、ボックスをオンまたはオフにします。注:ヘッダーを非表示にする場合は、ウィジェットの上部にあるハンドルバーをポイントして、アイコンを表示します。
- タイトルの位置を調整するには、[左]、[中心]、または [右] を選択します。
ウィジェットヘッダーを非表示にすると、ウィジェットにインタラクティブフィルターを適用したことを示すアイコンを含むヘッダーアイコンは表示されません。
ダッシュボード内からウィジェットのタイトルを変更することはできません。タイトルは、ウィジェットの基になる可視化から取得されます。ビジュアル化自体を編集してタイトルを変更します。
ウィジェットのタイトル色とヘッダー色の変更 - ウィジェットをポイントし、歯車アイコン (
) をクリックします。
- [ウィジェットの編集] ウィンドウで、タイトル色またはヘッダー色のカラーピッカーアイコン (
) をクリックします。
- カラー ピッカーで、スライダーを使用して色相を選択し、色を選択します。また、[タイトル色] または [ヘッダーの色] フィールドに色の 16 進コードを入力することもできます。16 進コードを削除すると、デフォルトのタイトル色またはヘッダー色に戻ります。
注:濃いヘッダー色を選択すると、ヘッダーのアイコンが白色に変わります。薄いヘッダー色を選択すると、ヘッダーのアイコンが黒色に変わります。ウィジェットのレイアウトのサイズ変更または変更 ウィジェットをドラッグして移動し、サイズを変更します。- ウィジェットを大きくするには、ウィジェットヘッダーをポイントし、サイズ変更アイコン (
) をクリックします。
- ウィジェットを縮小するには、ウィジェットのヘッダーをポイントし、Shift を押しながらサイズ変更アイコンをクリックします。
ダッシュボードの背景色の適用 - 構成アイコン (
) をクリックして [構成] ペインを開きます。
- [ダッシュボードの背景] のカラーピッカーアイコン (
) をクリックし、使用する色を選択します。スライダーを使用して色相を選択し、色をクリックして選択します。また、[ダッシュボードの背景] フィールドに色の 16 進コードを入力することもできます。16 進コードを削除すると、デフォルトの背景色に戻ります。
注:背景色がダッシュボード上のすべてのタブに適用されます。クイック レイアウトをダッシュボードに適用 - 構成アイコン (
) をクリックして [構成] ペインを開きます。
- ウィジェットをスナップさせるレイアウトをクリックします。必要に応じて、ウィジェットのレイアウトをサイズ変更または変更します。
ダッシュボードからのウィジェットの削除 - プラス記号 (
) をクリックして、ダッシュボードを編集モードにします。
- ウィジェットの上部をポイントし、表示される X アイコン (
) をクリックします。
注:確認メッセージはありません。ウィジェットがダッシュボードに表示されなくなります。 - ウィジェットをポイントし、歯車アイコン (
- オプション:
コンテンツブロックを追加して、ダッシュボードのコンテンツを分割したり、他のコンテンツを提供したりします。
[ ウィジェットを追加] リストから、[コンテンツブロック] を選択します。静的コンテンツブロックの詳細については、「 静的 HTML ブロックの構成」を参照してください。