sharee.bike-App/Meinkonrad/TINK/View/FeedbackPopup.xaml

<?xml version="1.0" encoding="utf-8" ?>
<xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
           xmlns:local="clr-namespace:TINK.View"
           x:TypeArguments="local:FeedbackPopup+Result"
           xmlns:sharedGui="clr-namespace:ShareeSharedGuiLib.View"
           xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
           x:Class="TINK.View.FeedbackPopup">
    <xct:Popup.Resources>
        <x:String x:Key="check_circle">&#xf058;</x:String>
    </xct:Popup.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <!-- Head and title row -->
            <RowDefinition Height="auto"/>
            <!--- Co2saving-->
            <RowDefinition Height="auto"/>
            <!--- checkbox and input elements-->
            <RowDefinition Height="*"/>
            <!--- ok button-->
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        
        <!-- Head and title - Grid.Row 0 -->
        <Grid Grid.Row="0"
            Padding="30"
            BackgroundColor="{DynamicResource primary-back-title-color}">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Label Grid.Row="0"
                    HorizontalTextAlignment="Center"
                    FontSize="Large"
                    TextColor="White"
                    Text="{x:Static resources:AppResources.MarkingReturnBikeMainMessage}"/>
            <Image Grid.Row="1">
                <Image.Source>
                    <FontImageSource Size="Title" Glyph="{StaticResource check_circle}" FontFamily="FA-S"/>
                </Image.Source>
            </Image>
        </Grid>
        
        <!-- Co2saving - Grid.Row 1-->
        <Frame 
            x:Name="Co2SavingFrame"
            Grid.Row="1">
            <Label 
                x:Name="Co2SavingLabel"            
                Text=""/>
        </Frame>
        
        <!-- Checkbox and input elements - Grid.Row 2-->
        <ScrollView Grid.Row="2">
            <Grid>
                <Grid.RowDefinitions>
                    <!--- Battery charge level -->
                    <RowDefinition Height="Auto"/>
                    <!--- Bike is ok GUI -->
                    <RowDefinition Height="Auto"/>
                    <!--- Feedback edit GUI -->
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <!-- Battery level -->
                <sharedGui:BarLevelInputView Grid.Row="0"
                            x:Name="BarLevelInputView"
                            HorizontalOptions="Center"/>
                <Grid Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <!-- Checkbox Is Broken -->
                        <CheckBox x:Name="brockenCheckBox" IsChecked="True"/>
                        <Label 
                            Grid.Column="1" 
                            FontSize="Medium"
                            Text= "{x:Static resources:AppResources.MarkingReturnBikeBikeStateIsOK}"/>
                    </Grid>
                    <Editor 
                        Grid.Row="2"
                        x:Name="feedbackMessage"
                        AutoSize="TextChanges"  
                        Placeholder="{x:Static resources:AppResources.MarkingReturnBikeFeedbackInputPlaceholder}"
                        Text="">
                        <Editor.Triggers>
                            <DataTrigger TargetType="Editor"
                                        Binding="{Binding Source={x:Reference brockenCheckBox}, Path=IsChecked}"
                                        Value="true">
                                <Setter Property="Placeholder"
                                            Value="{x:Static resources:AppResources.MarkingReturnBikeFeedbackInputPlaceholder}" />
                            </DataTrigger>
                            <DataTrigger TargetType="Editor"
                                        Binding="{Binding Source={x:Reference brockenCheckBox}, Path=IsChecked}"
                                        Value="false">
                                <Setter Property="Placeholder"
                                            Value="{x:Static resources:AppResources.MarkingReturnBikeErrorDescriptionInputPlaceholder}" />
                            </DataTrigger>
                        </Editor.Triggers>
                    </Editor>
            </Grid>
        </ScrollView>
        
        <!-- Buttons - Grid.Row 3 -->
        <Button 
                Grid.Row="3"
                WidthRequest="100"
                Clicked="OnOkClicked"
                Text="OK"
                Margin="0,0,0,3"/>
    </Grid>
</xct:Popup>