prs/prs.mobile.new/PRS.Mobile/Modules/Assignments/Edit/Views/AssignmentEditDetailsView.xaml

<?xml version="1.0" encoding="utf-8"?>
<local:AssignmentEditView 
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:PRS.Mobile"
    xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    xmlns:popupLayout="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    x:Class="PRS.Mobile.AssignmentEditDetailsView"
    x:DataType="local:AssignmentEditViewModel">
    
    <ContentView.Content>
        
        <ScrollView>
            <Grid>
            
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="70" />
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="50"/>
                </Grid.RowDefinitions>
                
                <Label 
                    Grid.Row="0" 
                    Grid.Column="0" 
                    Text="Subject" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <Frame
                    Grid.Row="0"
                    Grid.Column="1"
                    HasShadow="False"
                    CornerRadius="5"
                    Padding="0"
                    HeightRequest="45"
                    BorderColor="Gray"
                    BackgroundColor="LightYellow">
                    <mobile:MobileEntry  
                        x:Name="Subject" 
                        Margin="5,0"
                        Text="{Binding Item.Subject}" 
                        TextChanged="Subject_OnTextChanged"
                        BackgroundColor="Transparent"/>
                </Frame>


                <Label 
                    Grid.Row="1" 
                    Grid.Column="0" 
                    Text="Booked" 
                    VerticalOptions="Center" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <Grid Grid.Row="1" Grid.Column="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="10"/>
                        <ColumnDefinition Width="*"/>                    
                    </Grid.ColumnDefinitions>
                    <mobile:MobileTimeButton 
                        x:Name="BookedStart" 
                        Grid.Column="0" 
                        Time="{Binding Item.BookedStart, Mode=TwoWay}" 
                        Changed="BookedStart_OnChanged"/>
                    <Label 
                        Grid.Column="1" 
                        Text="-" 
                        VerticalOptions="Center" 
                        HorizontalOptions="Center"
                        FontSize="Small"
                        TextColor="Black"/>
                    <mobile:MobileTimeButton 
                        x:Name="BookedFinish" 
                        Grid.Column="2" 
                        Time="{Binding Item.BookedFinish, Mode=TwoWay}" 
                        Changed="BookedFinish_OnChanged"/>
                </Grid>
                
                <Label 
                    Grid.Row="2" 
                    Grid.Column="0" 
                    Text="Actual" 
                    VerticalOptions="Center" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <Grid Grid.Row="2" Grid.Column="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="10"/>
                        <ColumnDefinition Width="*"/>                    
                    </Grid.ColumnDefinitions>
                    <mobile:MobileTimeButton 
                        x:Name="ActualStart" 
                        Grid.Column="0" 
                        Time="{Binding Item.ActualStart, Mode=TwoWay}" 
                        Changed="ActualStart_OnChanged"/>
                    <Label 
                        Grid.Column="1" 
                        Text="-" 
                        VerticalOptions="Center" 
                        HorizontalOptions="Center"
                        FontSize="Small"
                        TextColor="Black"/>
                    <mobile:MobileTimeButton 
                        x:Name="ActualFinish" 
                        Grid.Column="2" 
                        Time="{Binding Item.ActualFinish, Mode=TwoWay}" 
                        Prompt="(No Time)"
                        Changed="ActualFinish_OnChanged"/>
                </Grid>

                
                <Label 
                    Grid.Row="3" 
                    Grid.Column="0" 
                    Text="Job" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <mobile:MobileButton  
                    Grid.Row="3" 
                    Grid.Column="1" 
                    x:Name="Job" 
                    Text="{Binding Item.JobDisplay}" 
                    Clicked="SelectJob_Clicked"/>
                
                <Label 
                    Grid.Row="4"
                    Grid.Column="0" 
                    Text="Task" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <mobile:MobileButton  
                    Grid.Row="4" 
                    Grid.Column="1" 
                    x:Name="Task" 
                    Text="{Binding Item.TaskDisplay}" 
                    Clicked="Task_Clicked"/>

                <Label 
                    Grid.Row="5" 
                    Grid.Column="0" 
                    Text="Activity" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center"
                    FontSize="Small"
                    TextColor="Black"/>
                <mobile:MobileButton 
                    Grid.Row="5" 
                    Grid.Column="1" 
                    x:Name="Activity" 
                    Text="{Binding Item.ActivityDisplay}" 
                    Clicked="Activity_Clicked"/>  

                <Label 
                    Grid.Row="6" 
                    Grid.Column="0" 
                    Text="Notes"
                    FontSize="Small"
                    TextColor="Black"/>
                
                <Frame
                    Grid.Row="6"
                    Grid.Column="1"
                    CornerRadius="5"
                    BorderColor="Gray"
                    BackgroundColor="LightYellow"
                    Padding="0"
                    HasShadow="False">
                    <mobile:MobileEditor 
                        x:Name="Description" 
                        Text="{Binding Item.Description}" 
                        TextChanged="Description_OnTextChanged"
                        BackgroundColor="Transparent"
                        TextColor="Black"
                        Margin="5,0"/>
                </Frame>
                
                <mobile:MobileButton  
                    Grid.Row="7" 
                    Grid.Column="0" 
                    Grid.ColumnSpan="2" 
                    CornerRadius="5"
                    x:Name="Completed" 
                    Text="Complete" 
                    Clicked="Complete_Clicked"/>  
            </Grid>
        </ScrollView>
        
    </ContentView.Content>
</local:AssignmentEditView>