Customize the booking view

By default, the booking calendar control shows a predefined set of details associated with bookings. You can customize this control to include up to three more columns with optional labels or change the incident type column.

If you're using the mobile app offline, make sure your mobile offline profile includes the record types from which you want to include attributes on the calendar.

For a guided walkthrough using the classic designer, check out the following video.

Add columns to the Bookings view

Add the columns to the Booking view of the Bookable Resource Booking table from any table that has a relationship to the Bookable Resource Booking table. For columns that don't have a relationship, create a relationship between the bookable resource booking and that table.

In the following example, add work order priority from the Work Order table, and then add that column to the view. Learn more in: Add columns to model-driven app views.

1. In Power Apps, open the Bookable Resource Booking table.

2. Select Views and open the default view.

3. Select the Related tab on the Table columns pane. Select the table that contains the columns you want to add. In this example, select Work Order.

   👁 Screenshot of the Bookable Resource Booking table default view showing the related Work Order table in Power Apps.
   

4. Find and select the Priority column. The column is added to the view.

5. Right-click the Priority column and select Edit table column.

6. Select Advanced options and note the schema name of the column. You need it when customizing the field. In this example, the name is msdyn_priority.

7. Add other columns as needed. Save and close.

Configure the Booking Calendar Control to show the columns

After you add the desired columns to the view, configure the control properties.

1. From the default view of the Bookable Resource Booking table, select Components in the command bar.

2. Select Add a component and then select Booking Calendar Control. If the control isn't displayed, select Get more components, search for Booking Calendar Control, select it, and then select Add.

3. Select the control and enter column info. In Custom Field 1, enter the new field as linkedEntity.attribute. In this example, use msdyn_workorder.msdyn_priority. Learn more in: Add a calendar control.

4. You can also configure the optional custom field label associated with the custom field. This label is displayed as entered, with an added colon after the field and before the value. In the example, enter Priority.

   👁 Screenshot of booking calendar control properties being edited in Power Apps.
   

5. For Show component on, make sure Phone and Tablet are selected.

6. Select Done and then Save. Save and publish.

The mobile app reflects the change after the next sync. Fields without data are hidden.

👁 Screenshot of the Field Service mobile app with a customized calendar agenda view.

The calendar's day view shows custom fields when the booking duration is long enough to support the extra text. The app also shows custom data when opening booking details from the map view.

The agenda view is the default view in the new user experience of the Field Service mobile app. It shows the list of bookings in chronological order that are assigned to the user who signs in to the app. Select Home in the bottom navigation to return to the home page. By default, the agenda view shows the following details associated with each booking:

• Account
• Incident type
• Address
• Booking status
• Start time and duration

👁 Device render of a mobile device showing bookings on the home page in the agenda view.

The agenda view shows data from the Bookable Resource Booking table and related tables. Booking status, start time, and duration always show. You can customize which data to show by adding, removing, or changing the order of the data columns. As a best practice, consider using a solution to apply your customizations.

Go to Power Apps and navigate to Tables > Bookable Resource Booking > Views and customize Bookings - Agenda View.

👁 Agenda view in the list of views in the Power Apps maker experience.

Columns in this view show on a booking card within the agenda. Keep the number of columns below 10 to maintain readability and performance. Don't add more than 25 columns to the view. To learn how to configure a view, see Choose and configure columns in model-driven app views in Power Apps.