ELK/Furnace/FurnaceUI/Views/Jobs/CustomizeView.xaml

<UserControl x:Class="FurnaceUI.Views.Jobs.CustomizeView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:FurnaceUI.Views.Jobs" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
              d:DesignHeight="560" d:DesignWidth="1000" FontFamily="Segoe" >
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="300"/>
        </Grid.ColumnDefinitions>
        <DockPanel Grid.Row="0" Grid.Column="0">
            <Canvas>
                <Button Content="Customize" Style="{StaticResource PageTitleButton}"/>
                <Grid Canvas.Left="40" Canvas.Top="40">
                    <Grid.RowDefinitions>
                        <RowDefinition ></RowDefinition>
                        <RowDefinition ></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition ></RowDefinition>
                        <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>

                    <Grid Grid.Row="0" Width="600" Margin="1,2" >
                        <StackPanel Orientation="Horizontal">
                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="Load" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-26" Canvas.Top="-47"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-49" Canvas.Top="-3"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="-4" Canvas.Top="7" Height="32"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="PopupPage">
                                            <cal:Parameter Value="LoadJOB"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="Process" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-37" Canvas.Top="-46"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-66" Canvas.Top="-1" RenderTransformOrigin="1.05,0.69"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="13" Height="32" RenderTransformOrigin="0.926,0.219" Canvas.Top="11"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="PopupPage">
                                            <cal:Parameter Value="Process"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="Unload" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-37" Canvas.Top="-47"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-63" Canvas.Top="-3"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="16" Canvas.Top="7" Height="32"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="PopupPage">
                                            <cal:Parameter Value="Unload"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </StackPanel>



                    </Grid>


                    <Grid Grid.Row="1" Width="600" Margin="1,2" >
                        <StackPanel Orientation="Horizontal">
                            <Button FontFamily="Segoe" Width="560" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="Load -> Process ->Stock" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-136" Canvas.Top="-38"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-49" Canvas.Top="-3"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="-4" Canvas.Top="7" Height="32"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="PopupPage">
                                            <cal:Parameter Value="ProcessStock"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                        </StackPanel>
                    </Grid>


                    <Grid Grid.Row="2" Width="600" Margin="1,2" >
                        <StackPanel Orientation="Horizontal">
                            <Button FontFamily="Segoe" Width="560" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="Load -> Process ->Unload" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-136" Canvas.Top="-38"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-49" Canvas.Top="-3"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="-4" Canvas.Top="7" Height="32"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="ExecuteCmd">
                                            <cal:Parameter Value="ProcessUnload"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                        </StackPanel>
                    </Grid>


                    <Grid Grid.Row="3" Width="600" Margin="1,2" >
                        <StackPanel Orientation="Horizontal">

                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="190,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="M Unload" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-56" Canvas.Top="-40"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-66" Canvas.Top="-1" RenderTransformOrigin="1.05,0.69"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="13" Height="32" RenderTransformOrigin="0.926,0.219" Canvas.Top="11"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="ExecuteCmd">
                                            <cal:Parameter Value="MUnload"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                        </StackPanel>



                    </Grid>


                    <Grid Grid.Row="4" Width="600" Margin="1,2" >
                        <StackPanel Orientation="Horizontal">
                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="0,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="D Exchange" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-65" Canvas.Top="-40"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-49" Canvas.Top="-3"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="-4" Canvas.Top="7" Height="32"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="ExecuteCmd">
                                            <cal:Parameter Value="DExchange"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>

                            <Button FontFamily="Segoe" Width="180" Height="90" Margin="190,5,10,5" >
                                <ContentControl>
                                    <Canvas >
                                        <TextBlock Text="ED Exchange" FontSize="25" FontFamily="Segoe" RenderTransformOrigin="0.722,-0.9" Canvas.Left="-66" Canvas.Top="-42"></TextBlock>

                                        <Image Source="/FurnaceUI;component/Resources/images/FoupWhite.png" Width="40" Canvas.Left="-66" Canvas.Top="-1" RenderTransformOrigin="1.05,0.69"  />

                                        <Image Source="/FurnaceUI;component/Resources/images/stockerLayer3.png" Width="54" Canvas.Left="13" Height="32" RenderTransformOrigin="0.926,0.219" Canvas.Top="11"  />

                                    </Canvas>
                                </ContentControl>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="ExecuteCmd">
                                            <cal:Parameter Value="EDExchange"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>


                        </StackPanel>



                    </Grid>


                </Grid>
                
            </Canvas>
        </DockPanel>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition  Height="*"></RowDefinition>
            </Grid.RowDefinitions>
            <Button Content="Normal Mode"  Width="200" Height="150" FontFamily="Segoe" FontSize="20" Margin="0" >
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Normal"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="1" Content="Maintainance Job" FontSize="20"   Width="200" Height="150" FontFamily="Segoe"  >
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Maintainance"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="2" Content="Customize" IsEnabled="False" FontSize="20"   Width="200" Height="150" FontFamily="Segoe"  >
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Customize"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Grid>
    </Grid>
</UserControl>