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.
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
-
Navigate to .
-
Select the Default space card for space cards.
Cards are available for users, neighborhood, spaces, and rooms.
-
Verify the application scope and edit the details.
-
Open the WsdConfigurableSpaceCard Template and edit the record.
-
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>
-
Save the record.
-
Navigate to .
-
In the Name column, search and select WSDConfigurableCardDataInjectcor.
-
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');
}
}
});
-
Navigate to the Location Directory and select the space where the new field has been added.
-
Confirm the new field appears in the space card.