---
title: Configure a space details card
description: Configure a space card in the Location Directory, Kiosk Indoor Mapping, or Reservation by updating the card's template with the specific details that you want to customize. You can configure a new field, button, or style for each space card.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/employee-service-management/workplace-core/configure-a-space-details-card.html
release: australia
product: Workplace Core
classification: workplace-core
topic_type: task
last_updated: "2026-03-12"
reading_time_minutes: 1
breadcrumb: [Configure a workplace card, Manage workplace safety activities, Workplace Core, Workplace Service Delivery, Employee Service Management]
---

# Configure a space details card

Configure a space card in the Location Directory, Kiosk Indoor Mapping, or Reservation by updating the card's template with the specific details that you want to customize. You can configure a new field, button, or style for each space card.

## Before you begin

Role required: admin

## About this task

Card configuration allows you to customize the appearance and features of space cards. Choose the space card you wish to modify, and add a new field or button, or apply a style as needed.

## Procedure

1.  Navigate to **All** > **Workplace Core** > **Card configuration**.

2.  Select the **Default space card** for space cards.

    Cards are available for users, neighborhood, spaces, and rooms.

3.  Verify the application scope and edit the details.

4.  Open the `WsdConfigurableSpaceCard` Template and edit the record.

5.  In the XML script, insert a new HTML division \( <div>\) where you want the new field to appear.

    The following is the sample script for adding the usable\_size\_sq\_meter field.

    ```
    <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.  Save the record.

7.  Navigate to **All** &gt; **System Definition** &gt; **Script Includes**.

8.  In the Name column, search and select WSDConfigurableCardDataInjector.

9.  In the Script, add or update the function to ensure the new field is provided to the template.

    The following is the sample function for adding the usable\_size\_sq\_meter field.

    ```
    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. Navigate to the Location Directory and select the space where the new field has been added.

11. Confirm the new field appears in the space card.

    \[Omitted image "wsd-card-config-user.png"\] Alt text: field details configuration on the space card.


**Parent Topic:**[Configure a workplace card](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/workplace-core/configure-workplace-card.md)