---
sourceDocument: オーストラリア 従業員サービス管理 (ESM)
sourceDocumentLink: https://www.servicenow.com/docs/r/ja-JP/employee-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリア 従業員サービス管理 (ESM)

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# スペース詳細カードの構成

# スペース詳細カードの構成 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

カスタマイズする特定の詳細でカードのテンプレートを更新して、\[場所ディレクトリ\]、\[キオスクのインドアマッピング\]、または \[予約\] のスペースカードを構成します。スペースカードごとに新しいフィールド、ボタン、またはスタイルを構成できます。

## 始める前に

必要なロール：admin

## このタスクについて

カード構成では、スペースカードの外観と機能をカスタマイズできます。変更するスペースカードを選択し、必要に応じて新しいフィールドまたはボタンを追加するか、スタイルを適用します。

## 手順

1. 移動先 すべてワークプレイスコアカード構成.
2. スペースカードの \[デフォルトのスペースカード \] を選択します。  
   カードは、ユーザー、近隣、スペース、および部屋で使用できます。
3. アプリケーションスコープを確認し、詳細を編集します。
4. WsdConfigurableSpaceCard テンプレートを開き、レコードを編集します。
5. XML スクリプトに、新しい HTML 区分 ( \<div\>) を新しいフィールドを表示する場所に移動します。  
   usable_size_sq_meterフィールドを追加するためのサンプルスクリプトは次のとおりです。

       <div class="info-row" ng-if="data.usable_size_sq_meter">
       <div class="info-icon">
       <i class="fa fa-arrows-alt"></i>
       </div>
       <div class="info-text">{{ data.usable_size_sq_meter }}m square</div>
       </div>

6. レコードを保存します。
7. 移動先 すべてシステム定義スクリプトインクルード.
8. \[名前\] 列で、WSDConfigurableCardDataInjector を検索して選択します。
9. スクリプトで関数を追加または更新し、新しいフィールドがテンプレートに提供されるようにします。  
   usable_size_sq_meterフィールドを追加するためのサンプル関数は次のとおりです。

       cards.forEach( function(card) {
       if (card.type ==='space') {
       var spaceGr.get(card.data.sysId)) {
       card.data.usable_size_sq_meter = spaceGr.getValue('usable_size_sq_meter');
       }
       }
       });

10. 場所ディレクトリに移動し、新しいフィールドが追加されたスペースを選択します。
11. 新しいフィールドがスペースカードに表示されることを確認します。