Releases: SuGar0218/WindowedContentDialog
Releases · SuGar0218/WindowedContentDialog
2.1.1
2.1.0
2.0.1
2.0.0
- Remove custom owner window overlay.
- Remove events like
ContentDialogWindowButtonClicked, useSystem.ComponentModel.CancelEventArgsinstead. WindowedContentDialog,FlyoutContentDialog,ContentDialogWindow,ContentDialogFlyoutandContentDialogContentare available in XAML (issue #5).
Here are some examples:
Using WindowedContentDialog in <Page.Resources>:
<Page.Resources>
<dialogs:WindowedContentDialog
x:Key="XamlWindowedContentDialog"
x:Name="XamlWindowedContentDialog"
CloseButtonText="{x:Bind settings.CloseButtonText, Mode=OneWay}"
DefaultButton="{x:Bind settings.DefaultButton, Mode=OneWay}"
IsModal="{x:Bind settings.IsModal, Mode=OneWay}"
IsPrimaryButtonEnabled="{x:Bind settings.IsPrimaryButtonEnabled, Mode=OneWay}"
IsSecondaryButtonEnabled="{x:Bind settings.IsSecondaryButtonEnabled, Mode=OneWay}"
OwnerWindow="{x:Bind app:App.Current.MainWindow}"
PrimaryButtonText="{x:Bind settings.PrimaryButtonText, Mode=OneWay}"
SecondaryButtonText="{x:Bind settings.SecondaryButtonText, Mode=OneWay}"
SmokeBehind="{x:Bind settings.SmokeBehind, Mode=OneWay}">
<dialogs:WindowedContentDialog.SystemBackdrop>
<MicaBackdrop />
</dialogs:WindowedContentDialog.SystemBackdrop>
<dialogs:WindowedContentDialog.Title>
<dialogs:MessageBoxHeader Icon="Information" Text="{x:Bind settings.Title, Mode=OneWay}" />
</dialogs:WindowedContentDialog.Title>
<StackPanel>
<CheckBox Content="Lorem" IsThreeState="True" />
<CheckBox Content="Ipsum" IsThreeState="True" />
<CheckBox Content="Dolor" IsThreeState="True" />
<CheckBox Content="Sit" IsThreeState="True" />
<CheckBox Content="Amet" IsThreeState="True" />
</StackPanel>
</dialogs:WindowedContentDialog>
</Page.Resources>Using FlyoutContentDialog in <Page.Resources>:
<Page.Resources>
<dialogs:FlyoutContentDialog
x:Key="XamlFlyoutContentDialog"
x:Name="XamlFlyoutContentDialog"
CloseButtonText="{x:Bind settings.CloseButtonText, Mode=OneWay}"
IsPrimaryButtonEnabled="{x:Bind settings.IsPrimaryButtonEnabled, Mode=OneWay}"
IsSecondaryButtonEnabled="{x:Bind settings.IsSecondaryButtonEnabled, Mode=OneWay}"
PlacementTarget="{x:Bind ShowContentDialogButton}"
PrimaryButtonText="{x:Bind settings.PrimaryButtonText, Mode=OneWay}"
SecondaryButtonText="{x:Bind settings.SecondaryButtonText, Mode=OneWay}"
SmokeBehind="{x:Bind settings.SmokeBehind, Mode=OneWay}">
<dialogs:FlyoutContentDialog.Title>
<dialogs:MessageBoxHeader Icon="Information" Text="{x:Bind settings.Title, Mode=OneWay}" />
</dialogs:FlyoutContentDialog.Title>
<StackPanel>
<CheckBox Content="Lorem" IsThreeState="True" />
<CheckBox Content="Ipsum" IsThreeState="True" />
<CheckBox Content="Dolor" IsThreeState="True" />
<CheckBox Content="Sit" IsThreeState="True" />
<CheckBox Content="Amet" IsThreeState="True" />
</StackPanel>
</dialogs:FlyoutContentDialog>
</Page.Resources>Using ContentDialogWindow in XAML:
<dialogs:ContentDialogWindow
x:Class="SuGarToolkit.Sample.Dialogs.Views.SampleContentDialogWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:dialogs="using:SuGarToolkit.Controls.Dialogs"
xmlns:local="using:SuGarToolkit.Sample.Dialogs.Views"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
Title="Sample ContentDialogWindow"
CloseButtonText="Close Button"
DefaultButton="Primary"
DialogTitle="{x:Bind Title}"
PrimaryButtonText="Primary Button"
SecondaryButtonText="Secondary Button"
mc:Ignorable="d">
<dialogs:ContentDialogWindow.SystemBackdrop>
<MicaBackdrop />
</dialogs:ContentDialogWindow.SystemBackdrop>
<StackPanel>
<CheckBox Content="Using" IsThreeState="True" />
<CheckBox Content="ContentDialogWindow" IsChecked="True" />
<CheckBox Content="in XAML" IsThreeState="True" />
<TextBox
AcceptsReturn="True"
FontFamily="Consolas"
IsReadOnly="True"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
ScrollViewer.VerticalScrollBarVisibility="Auto"
Text="{x:Bind local:SampleContentDialogWindow.XamlCode}" />
</StackPanel>
</dialogs:ContentDialogWindow>Using ContentDialogFlyout as Button.Flyout:
<Button
HorizontalAlignment="Center"
VerticalAlignment="Center"
Content="ContentDialogFlyout"
Style="{ThemeResource AccentButtonStyle}">
<Button.Flyout>
<dialogs:ContentDialogFlyout
CloseButtonText="Close Button"
DefaultButton="Primary"
DialogTitle="Sample ContentDialogFlyout"
PrimaryButtonText="Primary Button"
RequestedTheme="{x:Bind ActualTheme}"
SecondaryButtonText="Secondary Button">
<StackPanel>
<CheckBox Content="Using" IsThreeState="True" />
<CheckBox Content="ContentDialogFlyout" IsChecked="True" />
<CheckBox Content="in XAML" IsThreeState="True" />
<TextBox
AcceptsReturn="True"
FontFamily="Consolas"
IsReadOnly="True"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
ScrollViewer.VerticalScrollBarVisibility="Auto"
Text="{x:Bind local:ContentDialogFlyoutSamplePage.XamlCode}" />
</StackPanel>
</dialogs:ContentDialogFlyout>
</Button.Flyout>
</Button>1.2.1
1.2.0
- Add flyouts: ContentDialogFlyout and FlyoutContentDialog, MessageBoxFlyout and FlyoutMessageBox.
- New sample app.
- DisableBehind=true is not suggested because it may cause exception, for example, a button with
Style="{ThemeResource TitleBarPaneToggleButtonStyle}". (microsoft/microsoft-ui-xaml#10739) - ShouldConstraintToRootBounds=false is not suggested because SystemBackdrop of flyout with it cannot follow RequestedTheme.

1.1.1
1.1.0
1.0.7
1.0.6
- Fix the size of dark smoke not following the window.
- Add SmokeLayerKind.Custom option to ExamplePage.
- Static properties have been moved to
MessageBoxOptions(pull request #3), which can be passed toShowAsyncmethod to determine the action of MessageBox. - UI elements that are used as CustomSmokeLayer will be removed from visual tree after dialog is closed to avoid crash when smoke layer shows again.


