Updating the WalkEntryPage user interface using XAML

In this section, we will take a look at how to update the user interface for our WalkEntryPage so that it includes an ActivityIndicator as well as a Label control element within our XAML, so that we can access these controls within our code-behind file, and provide information feedback to the user whenever walk entry information is being saved to our SQL Server database.

Let's start by updating the user interface for our WalkEntryPage by going through the following steps:

1. Locate and open the WalkEntryPage.xaml file, which is located within the Views folder, and ensure that it is displayed within the code editor. Enter the following highlighted code sections:

   <?xml version="1.0" encoding="UTF-8"?>
   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"  
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
                xmlns:valueConverters="clr-namespace:TrackMyWalks.ValueConverters"      
        ...