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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：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. 新しいフィールドがスペースカードに表示されることを確認します。
      スペースカードのフィールド詳細構成。