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.
Por Que e Quando Desempenhar Esta Tarefa
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.
Procedimento
-
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 WSDConfigurableCardDataInjector.
-
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.