Dynamic pages - what to look up

Question

Hi,
I am trying to work out how to create a WPF page, which the content changes depending on a button click, one example if the log in button. Once logged in I would like to present different content but without opening a new window.
I am unsure what the term for this is, so i cant google tutorials, "dynamic WPF pages" didnt bring up much so can someone point me in the direction i need to go to learn?
Thanks

Answer 1

Most of my applications are single window applications.
I put the stuff for each view into a usercontrol.
These are hosted in a contentcontrol or frame.
You can see this in use in:
https://gallery.technet.microsoft.com/WPF-Entity-Framework-MVVM-78cdc204
In the MainWindow for that the content is set on the ContentControl called Holder:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
</Grid.ColumnDefinitions>
<TabControl HorizontalAlignment="Left" x:Name="CommandTab">
<TabItem Header="Navigate" FontSize="10">
<ListView ItemsSource="{Binding Views}" BorderBrush="Transparent" FontSize="12" FontWeight="Bold"
ScrollViewer.CanContentScroll="False"
>
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"></StackPanel>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.ItemTemplate>
<DataTemplate>
<Button Command="{Binding Navigate}"
BorderThickness="0" Height="32" Width="100"
Background="{StaticResource LightBrightGradientBrush}"
Foreground="{StaticResource DarkDullBrush}"
>
<TextBlock Text="{Binding ViewDisplay}"
TextAlignment="Center"
/>
</Button>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</TabItem>
<TabItem Header="Edit" x:Name="EditTabItem" FontSize="10">
<ListView ItemsSource="{Binding Commands}" BorderBrush="Transparent" FontSize="12" FontWeight="Bold"
ScrollViewer.CanContentScroll="False"
>
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.ItemTemplate>
<DataTemplate>
<Button Command="{Binding Send}"
BorderThickness="0"
Margin="0" Padding="0"
>
<Path Data="{Binding IconGeometry}" Stretch="Uniform"
Style="{StaticResource PathOpacityStyle}"
Fill="{StaticResource MidDullBrush}" Width="32" Height="32"/>
<Button.ToolTip>
<TextBlock Text="{Binding CommandDisplay}"/>
</Button.ToolTip>
</Button>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</TabItem>
</TabControl>
<TextBlock x:Name="UIMessage" Text="" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,8,0" Foreground="{StaticResource DarkBrightBrush}"/>
<ContentControl x:Name="Holder" Grid.Row="1" />
</Grid>
So the tabcontrol which presents a series of buttons remains static.
and with a frame:
http://social.technet.microsoft.com/wiki/contents/articles/28209.wpf-entity-framework-mvvm-walk-through-1.aspx
Hope that helps.
Recent Technet articles: Property List Editing;
Dynamic XAML