However I have found a small bug in the rendering of "Expander".
I often use nested expanders to implement a tree view. In Beta 8 when an expander is nested the expannsion button is not rendered until it has been clicked once.
The following demonstrates the issue...
Code: Select all
<Page
x:Class="Application5.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Application5"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<StackPanel>
<Expander Background="White">
<Expander.Header>
<TextBlock Text="Level 1" Foreground="Black" Background="White" FontSize="20"/>
</Expander.Header>
<StackPanel Margin="20,0,0,0">
<Expander Background="White">
<Expander.Header>
<TextBlock Text="Level 2 Item 1" Foreground="Black" Background="White" FontSize="20"/>
</Expander.Header>
<StackPanel Margin="20,0,0,0">
<TextBlock Text="Level 3 Item 1" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 2" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 3" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
</StackPanel>
</Expander>
<Expander Background="White">
<Expander.Header>
<TextBlock Text="Level 2 Item 2" Foreground="Black" Background="White" FontSize="20"/>
</Expander.Header>
<StackPanel Margin="20,0,0,0">
<TextBlock Text="Level 3 Item 1" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 2" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 3" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
</StackPanel>
</Expander>
<Expander Background="White">
<Expander.Header>
<TextBlock Text="Level 2 Item 3" Foreground="Black" Background="White" FontSize="20"/>
</Expander.Header>
<StackPanel Margin="20,0,0,0">
<TextBlock Text="Level 3 Item 1" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 2" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
<TextBlock Text="Level 3 Item 3" Foreground="Black" Background="White" FontSize="20" Margin="20,0,0,0"/>
</StackPanel>
</Expander>
</StackPanel>
</Expander>
</StackPanel>
</Page>