@garywu123 unlike the message box (which blocks) the thread, it is async to allow for the UI thread to continue. This allows for things like animations to continue running on the UI thread, while the dialog is shown and provides for a convenient way to return a result from the dialog when it is closed.
Hi all, I try to use PopupBox, though 2 examples from 3.1.2 demo are broken (Buttons->PopupBox->round buttons). Is there way to pass DataContext (even by RelativeSource) to the popup? It is created outside of the visual tree (PopupRoot). It seems to be working (sometimes?), but VisualStudio debugger complains about RelativeSource not being found. So, I am not sure - is it working or not?
ah, and native wpf Popup can use PlacementTarget to bind DataContext to itself, but there is no PlacementTarget in PopupBox
To be more precise - it kinda works, but VS debugger reports binding errors (relativesource not found).
and second question - close command in PopupBox is using RoutedCommand - but I use it in DataGrid header and it triggers DataGridColumn click (I think) which is not in visual tree which throws exception and crashes - System.Windows.Documents.Run” is not Visual or Visual3D.'
@Miosss in regards to the popup box that sort of makes sense, the VS designer has historically been a pain to work with. What version of Visual Studio are you on? I know some of the later version (16.8+) have had some significant rework and it may be worth taking another stab at addressing the design time of the controls.
For the second issue that sounds like a bug, do you mind opening an issue for it?
@Keboo but what should I expect about DataContext in PopupBox? should it inherit parent DataContext? should RelativeSource be obtainable in it? or is it completely detached from the visual hierarchy
Hello. How do I change the style of a PopupBox's ToggleButton? I want to apply a certain style to it and have text as opposed to an icon. I've tried tampering with the ToggleContentTemplate property and while it looks correct, I get runtime errors when I click. What's the best way to go about this?
I need help. I have this code var service = new ItemMenu ("Service", menuService, PackIconKind.ApplicationSettings); and I need to set the icons. I don't know where to look for the icons defined in PackIconKind class. Unfortunately there are no equivalents from the above mentioned class on the website
oh, it is implicit
I tried to find where in implementation of TimePicker I should redefine it, but there is so many classes....
@KamilGadawski there are two easy ways to view the icons in this library. The first is by going to: https://materialdesignicons.com/ the second is within the demo app there is an icons page where you can see all of them.
@jespersh I assume you already found them but there are a couple magical file names that get automatically picked up. https://docs.microsoft.com/en-us/visualstudio/msbuild/customize-your-build?view=vs-2019
@VasilijeBursac there is an open issue #1035 for that, but nothing there right now
Hey @Keboo , I think that that #2170 can be close now that you have merged my pull request (MaterialDesignInXAML/MaterialDesignInXamlToolkit#2192)
same for the time picker
@Drise13 yes but it is not really intuitive. In the templates it uses the
DynamicResource to look up the style for the TextBox. This subtlety gives you an injection point to insert your own style. As long as you base your style on the original one it lets you toggle stuff. Something like this:<DatePicker
Width="100"
materialDesign:HintAssist.Hint="Pick Date"
Style="{StaticResource MaterialDesignFloatingHintDatePicker}">
<DatePicker.Resources>
<Style x:Key="MaterialDesignDatePickerTextBox"
BasedOn="{StaticResource MaterialDesignDatePickerTextBox}"
TargetType="{x:Type DatePickerTextBox}">
<Setter Property="Background" Value="Red" />
</Style>
</DatePicker.Resources>
</DatePicker>
Hi to all! How can i increase performance when drawer host is used in window? I use drawer host in my window and it's looks like in main WPF demo app. I compared sliding of drawer host (from the left in my case) when window doesn't have any controls inside - it's very smooth and when window have many other controls like buttons, datagrids, etc. - it's not very smooth and lagging.
@Erapchu there are lots of things that can affect performance, especially if there are lots of controls that are being rendered. Are you able to provide a sample that shows the issue?
@Ezario in general unsubscribing from event handlers is done in C# by simply using the
-= operator. You can see some examples and documentation here
@Keboo Here is a video with a visual explanation of the problem https://youtu.be/DsFlfLZDz7Y. I solved the problem with DialogOpen using DialogHost.DialoOpenAttached, but closing after some time is obtained only through DialogHost directly and I would like to solve this problem, since I did not find an unsubscribe from the event handler in the documentation, because I can not understand which field should be used to unlink xD
@Keboo this is not an issue i think on low-performance PC (Nvidia MX150 - notebook and Intel integrated graphic). I just disable animation for opacity in drawer host by creating a new template for this control. And i added duration="0" when going to state "AllClosed". I really need very fast, simple and beautiful (thanks for material design in XAML), but when i use datagrid stretched in window with data (>200 rows) and 7 buttons + some other controls and maximize or stretch window on two screens (just for test) - the window area has increased, then i click on button that open left drawer panel - it's lagging. By disable animations i've achieved my purpose - left drawer panel sliding animation is not lagging so.
Hello guys. How can I extend this ListView.GridView? Because I have a lot of free space on the right and I want to stretch it to its full width. https://imgur.com/a/iSIhabz
I wanted to know if the library is being ported to .net5
and if you have any ETA... I am migrating a .net framework to .net core or .net5
Thanks again
Hi, I am trying to make a reusable "materialDesign:DialogHost" for a Yes / No confirmation Dialog. The only thing that would change on the control are the two texts inside two TextBlock. And I want to call it from the ViewModel and get the Yes / No result.
I followed the example called "DialogHost.WithResult" but it uses
<materialDesign:DialogHost.DialogContentTemplate>
<DataTemplate DataType="system:String">
<StackPanel Margin="20">
<TextBlock Text="{Binding}" />
</StackPanel>
</DataTemplate>
</materialDesign:DialogHost.DialogContentTemplate>wich allow to pass only one string from the ViewModel.
So is it possible instead to make a reussable DialogHost and instead of setting the DialogContentTemplate with a string we pass two strings directly to DialogContent ?
@AmraniRiyad Hi! You can create your own user control. For example
Code-behind:
var myUserControl = new MyUserControl("myFirstString", "mySecondString");
var result = await MaterialDesignThemes.Wpf.DialogHost.Show(myUserControl);Custom user control's textblocks should binds to those strings.
<TextBlock Text="{Binding Text1, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:MyUserControl}}"/>
<TextBlock Text="{Binding Text2, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:MyUserControl}}"/>In MyUserControl view (xaml.cs):
public string Text1 { get; }
public string Text2 { get; }In main window just remove data content template.
@Erapchu Thank you 😉 this is exactly what I ended up doing when I need to call the DialogHost from code behind.
And to call it from a ViewModel I added my UserControl to a DataTemplate.
And to call it from a ViewModel I added my UserControl to a DataTemplate.
<DataTemplate DataType="{x:Type toolsViewModels:ConfirmationDialogHostViewModel}">
<controls:ConfirmationDialogHost HeaderText="{Binding HeaderText}" Text="{Binding Text}" />
</DataTemplate>I made it look like ios modals if anyone interested :
The user control :
<Border x:Name="LayoutRoot" Background="White" CornerRadius="20">
<StackPanel Width="250">
<TextBlock
Margin="0,20,0,5"
HorizontalAlignment="Center"
FontSize="18"
FontWeight="Bold"
Foreground="Black"
Text="{Binding Path=HeaderText}"
TextWrapping="WrapWithOverflow" />
<TextBlock
Margin="0,0,0,15"
HorizontalAlignment="Center"
FontSize="12"
FontWeight="Normal"
Foreground="Black"
Text="{Binding Path=Text}"
TextWrapping="WrapWithOverflow" />
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.5*" />
<ColumnDefinition Width="0.5*" />
</Grid.ColumnDefinitions>
<Button
Grid.Column="0"
Height="40"
materialDesign:ButtonAssist.CornerRadius="0"
BorderBrush="LightGray"
BorderThickness="0,1,1,0"
Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"
CommandParameter="{StaticResource FalseValue}"
Content="{loc:Loc No}"
Foreground="IndianRed"
Style="{StaticResource MaterialDesignFlatButton}" />
<Button
Grid.Column="1"
Height="40"
materialDesign:ButtonAssist.CornerRadius="0"
BorderBrush="LightGray"
BorderThickness="1,1,0,0"
Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"
CommandParameter="{StaticResource TrueValue}"
Content="{loc:Loc Yes}"
Foreground="#0076ff"
Style="{StaticResource MaterialDesignFlatButton}" />
</Grid>
</StackPanel>
</Border>And the style to be able to change the DialogHost corner radius :
<Style x:Key="DialogHostWithCornerRadius" BasedOn="{StaticResource MaterialDesignDialogHostPopup}" TargetType="{x:Type controlzEx:PopupEx}">
<Setter Property="AllowsTransparency" Value="True" />
<Setter Property="utilities:TreeHelpers.Modifiers">
<Setter.Value>
<utilities:ModifierCollection>
<utilities:Modifier TemplatePartName="PART_PopupContentElement" Property="{x:Static Control.BackgroundProperty}">
<utilities:Modifier.Value>
<SolidColorBrush Color="Transparent" />
</utilities:Modifier.Value>
</utilities:Modifier>
</utilities:ModifierCollection>
</Setter.Value>
</Setter>
</Style>