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