<UserControl.Resources>
<vm:EmployeeViewModel x:Name="ViewModel"/>
</UserControl.Resources>
<Grid xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" x:Name="LayoutRoot">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" MinHeight="250" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<i:Interaction.Triggers>
<i:EventTrigger EventName="Loaded">
<ic:CallMethodAction MethodName="Initialize"
TargetObject="{Binding Mode=OneWay}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<telerik:RadTransitionControl Content="{Binding EmployeeSetupState}">
<telerik:RadTransitionControl.Transition>
<telerik:FadeTransition />
</telerik:RadTransitionControl.Transition>
<telerik:RadTransitionControl.ContentTemplate>
<DataTemplate>
<Grid Margin="5,10,5,10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<uc:EmployeeGeneralInformationView x:Name="EmployeeGeneralInformationView"
Visibility="Collapsed"
DataContext="{Binding Source=ViewModel, Path=EmployeeGeneralInformationViewModel, Mode=TwoWay}" />
<uc:EmployeeAddressInformationView x:Name="EmployeeAddressInformationView"
Visibility="Collapsed"
DataContext="{Binding Source=ViewModel, Path=EmployeeAddressInformationViewModel, Mode=TwoWay}" />
<uc:EmployeeContactInformationView x:Name="EmployeeContactInformationView"
Visibility="Collapsed"
DataContext="{Binding Source=ViewModel, Path=EmployeeContactInformationViewModel, Mode=TwoWay}" />
<uc:EmployeeCommentsView x:Name="EmployeeCommentsView"
Visibility="Collapsed"
DataContext="{Binding Source=ViewModel, Path=EmployeeCommentsViewModel, Mode=TwoWay}" />
<i:Interaction.Triggers>
<ei:DataTrigger Binding="{Binding Converter={StaticResource EnumToStringConverter}}"
Value="EmployeeGeneralInformationState">
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Visible"
TargetName="EmployeeGeneralInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeAddressInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeContactInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeCommentsView" />
</ei:DataTrigger>
<ic:DataTrigger Binding="{Binding Converter={StaticResource EnumToStringConverter}}"
Value="EmployeeAddressInformationState">
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeGeneralInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Visible"
TargetName="EmployeeAddressInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeContactInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeCommentsView" />
</ic:DataTrigger>
<ic:DataTrigger Binding="{Binding Converter={StaticResource EnumToStringConverter}}"
Value="EmployeeContactInformationState">
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeGeneralInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeAddressInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Visible"
TargetName="EmployeeContactInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeCommentsView" />
</ic:DataTrigger>
<ic:DataTrigger Binding="{Binding Converter={StaticResource EnumToStringConverter}}"
Value="EmployeeCommentsState">
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeGeneralInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeAddressInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Collapsed"
TargetName="EmployeeContactInformationView" />
<ic:ChangePropertyAction
PropertyName="Visibility" Value="Visible"
TargetName="EmployeeCommentsView" />
</ic:DataTrigger>
</i:Interaction.Triggers>
</Grid>
</DataTemplate>
</telerik:RadTransitionControl.ContentTemplate>
</telerik:RadTransitionControl>
<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Right">
<Button x:Name="PreviousButton" Content="< Previous" HorizontalAlignment="Right"
Visibility="{Binding CanMoveBack, Converter={StaticResource BoolToVisibilityConverter}}"
Margin="5" Style="{StaticResource ButtonPrimaryStyle}">
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<ic:CallMethodAction MethodName="PreviousStep"
TargetObject="{Binding Mode=OneWay}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Button>
<Button x:Name="NextButton" Content="Next >" Width="70" HorizontalAlignment="Right"
Visibility="{Binding CanMoveForward, Converter={StaticResource BoolToVisibilityConverter}}"
Margin="5" Style="{StaticResource ButtonPrimaryStyle}">
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<ic:CallMethodAction MethodName="NextStep"
TargetObject="{Binding Mode=OneWay}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Button>
</StackPanel>
</Grid>