inabox/InABox.Mobile/InABox.Mobile.Shared/Components/MobilePage/MobilePage.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    x:Name="_basepage" 
    NavigationPage.HasNavigationBar="false"
    xmlns:iOS="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
    iOS:Page.UseSafeArea="true"
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    xmlns:xForms="clr-namespace:Syncfusion.SfBusyIndicator.XForms;assembly=Syncfusion.SfBusyIndicator.XForms"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    x:Class="InABox.Mobile.MobilePage" >
    
    <!-- NavigationPage.HasBackButton="false"     -->
    
    <Grid
       x:Name="_rootGrid" 
       RowSpacing="0" 
       ColumnSpacing="0" 
       VerticalOptions="FillAndExpand" 
       HorizontalOptions="FillAndExpand">

        <Grid.RowDefinitions>
            <RowDefinition Height="48" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        
        <Grid 
            x:Name="_titleBar"
            Grid.Row="0"
            Padding="5,0,5,0"
            ColumnSpacing="0">
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            
            <ImageButton 
                Grid.Column="0" 
                x:Name="_backButton"
                Aspect="AspectFit"
                Source="arrow_white_left" 
                Clicked="_backButton_OnClicked"/>
                
            <StackLayout 
                x:Name="_alternateMenu" 
                Grid.Column="1" 
                Orientation="Horizontal" 
                HorizontalOptions="EndAndExpand" />
            
            <ui:MaterialLabel 
                x:Name="_titleLabel"
                Grid.Column="2"
                Margin="5,0,0,0"
                Text="{Binding Title, Source={x:Reference _basepage}}" 
                TypeScale="H6"
                FontAttributes="Bold"
                VerticalTextAlignment="Center" 
                HorizontalTextAlignment="Start"
                LineBreakMode="TailTruncation"/>

            <Image
                x:Name="_connectionIndicator"
                Grid.Column="3"
                Source="disconnected"
                IsVisible="False"/>
            
            <StackLayout 
                x:Name="_primaryMenu" 
                Grid.Column="4" 
                Orientation="Horizontal" 
                HorizontalOptions="EndAndExpand" />
            
        </Grid>
            
        <Grid
            x:Name="_content"
            Grid.Row="1"
            RowSpacing="0"
            ColumnSpacing="0"
            Padding="0"
            Margin="0"/>

        <mobile:MobileCard 
            x:Name="activity_frame"
            Grid.Row="1"
            BackgroundColor="Transparent"
            Padding="0"
            Margin="0"
            VerticalOptions="Center"
            HorizontalOptions="Center"
            IsVisible="False"
            IsClippedToBounds="True">
        <xForms:SfBusyIndicator 
            AnimationType="Box"
            x:Name="activity_indicator"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="CenterAndExpand"
            ViewBoxWidth="60"
            ViewBoxHeight="60"
            TextColor="White"
            IsBusy="False"
            Duration="500"
            />
        </mobile:MobileCard>


    </Grid>
    
</ContentPage>