---
sourceDocument: Xanadu プラットフォームアナリティクス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/now-intelligence

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu プラットフォームアナリティクス

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

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

# レスポンシブ ダッシュボードのレイアウトの構成 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

ウィジェットの外観を変更できます。ウィジェットのレイアウトを変更する。ウィジェットのタイトル、ヘッダー、および背景の色を変更します。ウィジェットヘッダーを表示または非表示にします。

## 始める前に

必要なロール:ユーザー。 所有するダッシュボード、または編集権限を持つダッシュボードを編集できます。ダッシュボードの表示権限と編集権限の詳細については、「[ダッシュボード権限](https://servicenow-prod.fluidtopics.net/ZUafe0MxAQjZB0rZu5FUIg "ダッシュボードには、特殊で詳細な表示と編集の権限があり、これらは [共有] ペインから管理します。アクセス制御リスト (ACL) は、ダッシュボードに追加されたほとんどのウィジェットに適用されます。")」を参照してください。  
注:  
レスポンシブダッシュボードでは、Sticky Notes ウィジェットはサポートされていません。

## 手順

1. 移動先 すべてセルフサービスダッシュボード または すべてパフォーマンスアナリティクスダッシュボード.
2. ダッシュボードピッカーから、編集するダッシュボードを選択します。
3. プラス記号 (![プラス記号ボタン]()) をクリックして、ダッシュボードを編集モードにします。
4. 次のいずれかのアクションを実行します。

   | アクション | ステップ |
   | ウィジェットの境界線、ヘッダー、およびタイトルの表示または非表示 | 1. ウィジェットをポイントし、歯車アイコン (![]()) をクリックします。 2. \[ウィジェットを編集\] ウィンドウで、境界線、ヘッダー、およびタイトルを表示または非表示にするように、ボックスをオンまたはオフにします。 注: ヘッダーを非表示にする場合は、ウィジェットの上部にあるハンドルバーをポイントして、アイコンを表示します。 3. タイトルの位置を調整するには、\[左\]、\[中心\]、または \[右\] を選択します。 {#configure-widget-layouts__ol_p2x_z4k_zw} ウィジェット ヘッダーを非表示にすると、ウィジェットにインタラクティブ フィルターを適用したことを示すアイコンなどのヘッダー アイコンは表示されなくなります。 ダッシュボード内からウィジェットのタイトルを変更することはできません。タイトルは、ウィジェットの基になっているビジュアリゼーションから取得されます。ビジュアリゼーション自体を編集してタイトルを変更します。 |
   | ウィジェットのタイトル色とヘッダー色の変更 | 1. ウィジェットをポイントし、歯車アイコン (![]()) をクリックします。 2. \[ウィジェットの編集\] ウィンドウで、\[タイトル色\] または \[ヘッダー色\] のカラー ピッカー アイコン (![]()) をクリックします。 3. カラー ピッカーで、スライダーを使用して色相を選択し、色を選択します。また、\[タイトル色\] または \[ヘッダーの色\] フィールドに色の 16 進コードを入力することもできます。16 進コードを削除すると、デフォルトのタイトル色またはヘッダー色に戻ります。{#configure-widget-layouts__li_jlr_qqx_fdb} {#configure-widget-layouts__li_jlr_qqx_fdb} {#configure-widget-layouts__ol_ydd_wsq_ddba} 注: 濃いヘッダー色を選択すると、ヘッダーのアイコンが白色に変わります。薄いヘッダー色を選択すると、ヘッダーのアイコンが黒色に変わります。 |
   | ウィジェットのレイアウトのサイズ変更または変更 | ウィジェットをドラッグして移動し、サイズを変更します。 * ウィジェットを拡大するには、ウィジェット ヘッダーをポイントし、サイズ変更アイコン (![]()) をクリックします。 * ウィジェットを縮小するには、ウィジェットのヘッダーをポイントし、Shift を押しながらサイズ変更アイコンをクリックします。 {#configure-widget-layouts__ul_nhz_ctr_g5} |
   | ダッシュボードの背景色の適用 | 1. 構成アイコン (![]()) をクリックして、\[構成\] ペインを開きます。 2. \[ダッシュボードの背景\] のカラー ピッカー アイコン (![]()) をクリックし、使用する色を選択します。スライダーを使用して色相を選択し、色をクリックして選択します。また、\[ダッシュボードの背景\] フィールドに色の 16 進コードを入力することもできます。16 進コードを削除すると、デフォルトの背景色に戻ります。 {#configure-widget-layouts__ol_lzx_2kx_fdb} 注: 背景色がダッシュボード上のすべてのタブに適用されます。 |
   | クイック レイアウトをダッシュボードに適用 | 1. 構成アイコン (![]()) をクリックして、\[構成\] ペインを開きます。 2. ウィジェットをスナップさせるレイアウトをクリックします。必要に応じて、ウィジェットのレイアウトをサイズ変更または変更します。 {#configure-widget-layouts__ol_o2x_dsx_fdb} |
   | ダッシュボードからのウィジェットの削除 | 1. プラス記号 (![プラス記号ボタン]()) をクリックして、ダッシュボードを編集モードにします。 2. ウィジェットの上部をポイントし、表示される \[X\] アイコン (![]()) をクリックします。 {#configure-widget-layouts__ol_kdr_s4k_zw} 注: 確認メッセージはありません。ウィジェットがダッシュボードに表示されなくなります。 |
   |-|-|

   {#configure-widget-layouts__choicetable_gv3_q3r_g5}
5. **オプション:** コンテンツブロックを追加して、ダッシュボードのコンテンツを分割したり、他のコンテンツを提供したりします。  
   \[ Add Widgets \] リストから \[Content Blocks\] を選択します。静的コンテンツブロックの詳細については、「 [静的 HTML ブロックの構成](https://www.servicenow.com/docs/access?context=t_StaticHTMLBlock&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US)」を参照してください。