ARadsziwill,
You ask, "So, how would I go about writing nested settings...". This morning I updated
CharmFlyout to support a new property called IsSubFlyout. The demo code that shows this now also available. Links to binaries and source are at the end of this post.
So, in the definition of your sub-setting flyout, set IsSubFlyout=true
like this:
<UserControl
x:Class="CharmDemoGridApp.MyCharmFlyouts"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:CharmDemoGridApp"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:cfo="using:CharmFlyoutLibrary"
mc:Ignorable="d">
<Grid>
<cfo:CharmFlyout
x:Name="cfoAbout"
Heading="My About"
HeadingBackgroundBrush="#FF4E0000">
<StackPanel>
<TextBlock
FontSize="16">CharmFlyout by John Michael Hauck</TextBlock>
<TextBlock
FontSize="16">For support:</TextBlock>
<HyperlinkButton
Click="OnMailTo">support@bing.com</HyperlinkButton>
</StackPanel>
</cfo:CharmFlyout>
<cfo:CharmFlyout
x:Name="cfoSettings"
Heading="My Settings"
HeadingBackgroundBrush="#FF4E0000">
<StackPanel>
<TextBlock
FontSize="16">Setting A</TextBlock>
<TextBlock
FontSize="16">Setting B</TextBlock>
<TextBlock
FontSize="16">Setting C</TextBlock>
<Button
Foreground="Black"
Click="Button_Click_1"
Content="View Sub-Settings" />
</StackPanel>
</cfo:CharmFlyout>
<cfo:CharmFlyout
x:Name="cfoSubSettings"
Heading="My Sub-Settings"
HeadingBackgroundBrush="#FF4E0000"
IsSubFlyout="True">
<StackPanel>
<TextBlock
FontSize="16">Sub-setting 1</TextBlock>
<TextBlock
FontSize="16">Sub-setting 2</TextBlock>
</StackPanel>
</cfo:CharmFlyout>
</Grid>
</UserControl>
Then, in the code-behind, wire up the OnClick handler for the "View Sub Headings" button to open up the sub headings flyout:
private void Button_Click_1(object sender, RoutedEventArgs e)
{
cfoSubSettings.IsOpen = true;
}
Behind the scenes: In the CharmFlyout custom control, I added the IsSubHeading dependency property and change the handler for the back button to look like this:
BackCommand = new RelayCommand(p => { IsOpen = false; if (!IsSubFlyout) SettingsPane.Show(); });
A pretty easy change - I really hope this helps!
Links:
CharmFlyout binaries reside here:
http://nuget.org/packages/charmflyout/
CharmFlyout source resides here:
http://charmflyout.codeplex.com/
Discussion:
http://w8isms.blogspot.com/2012/07/charmflyout-another-charming.html
John Michael Hauck
Settings Charm example?
