infineon_cs_hmi/uniper_hmi/UniperHMI/MainWindow.xaml

<Window x:Class="InfineonHMI.MainWindow"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:system="clr-namespace:System;assembly=System.Runtime"
     xmlns:infineonHmi="clr-namespace:InfineonHMI"
     mc:Ignorable="d"
     x:Name="MainControlWindow"
     d:DataContext="{d:DesignInstance Type=infineonHmi:MainWindowVM}"
     WindowStartupLocation="CenterScreen"
     
     Title="Infineon HMI" 
     Icon="Resources/Application.png"
     Height="Auto" 
     Width="Auto" 
     ResizeMode="CanResizeWithGrip"
     WindowState="Maximized" 
     WindowStyle="SingleBorderWindow">
	 
    <Viewbox Stretch="Fill">
        <Grid Width="3840" Height="2100">

            <Grid.RowDefinitions>
                <RowDefinition Height="0.08*"/>
                <RowDefinition Height="0.04*"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="0.74*"/>

                <RowDefinition Height="Auto"/>
                <RowDefinition Height="190"/>
            </Grid.RowDefinitions>

            <!-- Header line -->
            <Grid Grid.Row="0" Margin="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.Column="0">
                    <Grid.Resources>
                        <!--Set x: share to get the latest every time-->
                        <system:DateTime x:Key="DateTime" 
					                 x:Shared="False" />
                        <Storyboard x:Key="Storyboard">
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="DataContext"
                                                       Duration="0:0:1"
						                               RepeatBehavior="Forever"
						                               AutoReverse="False">
							<DiscreteObjectKeyFrame KeyTime="50%"
							                        Value="{StaticResource DateTime}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </Grid.Resources>

                    <TextBlock Text="{Binding RelativeSource={RelativeSource Self},Path=DataContext.Now,StringFormat={}{0:dd.MM.yyyy}}"
                           DataContext="{StaticResource DateTime}"
                           FontSize="48"
                           Foreground="White">
                        <TextBlock.Triggers>
                            <EventTrigger RoutedEvent="Loaded">
                                <BeginStoryboard Storyboard="{StaticResource Storyboard}" />
                            </EventTrigger>
                        </TextBlock.Triggers>
                    </TextBlock>

                    <TextBlock Text="{Binding RelativeSource={RelativeSource Self},Path=DataContext.Now,StringFormat={}{0:hh:mm:ss}}"
                           DataContext="{StaticResource DateTime}"
                           FontSize="48"
                           Margin="0,50,0,0"
                           Foreground="White">

                        <TextBlock.Triggers>
                            <EventTrigger RoutedEvent="Loaded">
                                <BeginStoryboard Storyboard="{StaticResource Storyboard}" />
                            </EventTrigger>
                        </TextBlock.Triggers>
                    </TextBlock>
                </Grid>

                <Button Grid.Column="9"
                    Grid.ColumnSpan="2"
                    Margin="10"
                    FontSize="44"
                    Content="{Binding ActualUser}"
                    Command="{Binding ChangeUserClickedCommand}"/>

				<Grid Grid.Column="11" Grid.ColumnSpan="3" 
                    Margin="10"
                    >
                    <Grid.RowDefinitions>
                        <RowDefinition/> 
                        <RowDefinition/> 
                    </Grid.RowDefinitions>
                    <Border Grid.RowSpan="2" BorderBrush="White" BorderThickness="1"/>
					<Label Grid.Row="0" Content="{Binding SCurrentPackMLState}" FontSize="44"/>
					<Label Grid.Row="1" Content="{Binding SCurrentPackMLMode}" FontSize="44"/> 


				</Grid>
				<Label Grid.Column="1"
                   Grid.ColumnSpan="3"
                   Content="BiPolar Randätzer"
                   FontSize="60"
                   VerticalAlignment="Top"/>

                <Label Grid.Column="1"
                   Grid.ColumnSpan="3"
                   Content="V 01.00"
                   FontSize="40"
                   VerticalAlignment="Bottom"/>
            </Grid>

            <!-- Latest event line -->
            <Border Grid.Row="1" BorderBrush="White" BorderThickness="0,0,0,3" Margin="10 0 10 0">
                <Label Content="{Binding EventsPageVM.CurrentEvent.Message}"
                   FontSize="28"
                   VerticalAlignment="Center"/>
            </Border>

            <!-- Breadcrumb line -->
            <!-- Currently no used -->
            <!--<Label Grid.Row="2"
               Content="{Binding Breadcrumb}"
               FontSize="28"/>-->

            <!-- Page frame -->
            <Frame x:Name="MainFrame"
               Grid.Row="3"
               NavigationUIVisibility="Hidden"
               Margin="20 20 10 20"
               Content="{Binding CurrentPage}"/>

            <Border Grid.Row="4"
                    Margin="10 0 10 0"
                    BorderBrush="White"
                    BorderThickness="0,3,0,0"/>

			<!-- Softkey grid -->
            <Grid Grid.Row="5" Margin="15 10  20 15">
                <Grid >
                    <Grid.ColumnDefinitions>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="*"/>
						<ColumnDefinition Width="Auto"/>
						<ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
	                <!-- Softkey 1 -->
						<Button Grid.Column="0" 
						        Width="440"
						        Content="Übersicht" FontSize="38" Margin="10"
						        Command="{Binding OverviewWindowClickedCommand}" />
                    <!-- Command="{Binding AutomaticModeCommand}" -->

                    <!-- Softkey 2 -->
						<Button IsEnabled="{Binding CanUserChangePageProductionWindow}" 
						        Grid.Column="1" Content="Stationen" FontSize="38" Margin="10"
						        Width="440"
						        Command="{Binding ProductionWindowClickedCommand}"/>
                    <!-- Command="{Binding ManualModeCommand}" -->
                    
					        <!-- Softkey 3 -->
					<Button Grid.Column="2" Content="Protokoll" FontSize="38" Margin="10"
					        Command="{Binding ProtocolWindowClickedCommand}" Visibility="Collapsed"/>
                    
                    <!-- Softkey 4 -->
						<Button IsEnabled="{Binding CanUserChangePageReceipeWindow}" 
						        Grid.Column="3" Content="Rezepte" FontSize="38" Margin="10"
						        Width="440"
						        Command="{Binding ReceipesWindowClickedCommand}" />
                    <!-- Command="{Binding SettingsWindowCommand}" -->
                    
                    <!-- Softkey 5 -->
					<Button Grid.Column="7" Content="Trend" FontSize="38" Margin="10"
					        Command="{Binding TrendWindowClickedCommand}" Visibility="Collapsed"/>

                    <!-- Softkey 6 -->
					<Button Grid.Column="8" Content="Komponenten" FontSize="38" Margin="10"
					        Command="{Binding ComponentsWindowClickedCommand}" Visibility="Collapsed"/>

                    <!-- Softkey 7 -->
					

                    <!-- Softkey 8 -->
					<Button Grid.Column="6" Content="Einstellungen" FontSize="38" Margin="10"
					        Command="{Binding SettingsWindowClickedCommand}" Visibility="Collapsed"/>
	                <Button Grid.Column="7" Content="Meldungen" FontSize="38" Margin="10"
	                        Width="450"
	                        Command="{Binding EventsListClickedCommand}"/>
					<!-- Softkey 9 -->
					<Button Grid.Column="8"
                            Width="450"
					        Content="Alarm quitieren" FontSize="38" Margin="10"
					        Command="{Binding AckAlarmsCommand}"/>

                </Grid>
            </Grid>

        </Grid>
    </Viewbox>
</Window>