A collection of small samples using MaterialDesignInXaml.
Home Page: https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit
License: MIT License
If you are just getting started, take a look at these 5 steps for getting started with MDIX
A collection of small samples using MaterialDesignInXaml.
Samples may be in various states of "done". If there is some concept you would like to see demonstrated please open an issue. PRs happily accepted as well.
I do live streams on Material Designs in XAML and WPF. You can find me on twitch and YouTube
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Where does the utilities reference (in Menu.HorizonalDisplay) come from ? I don't get it when I install the materials design packages.
Hello, I downloaded this file (Keboo / MaterialDesignInXaml.Examples)on github and opened it, there will be errors. How do I modify it?thank you
Unknown generation error "Unable to resolve the dependencies of assembly" Microsoft.Windows.Design.Extensibility, Version = 4.3.1.0, Culture = neutral, PublicKeyToken = b03f5f7f11d50a3a "because there is no preload. When using ReflectionOnly API, you must pass The ReflectionOnlyAssemblyResolve event preloads or loads dependent assemblies as needed. "MultiProject.Views
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
can you impliment windows.xaml themed like mahapp metrowindow without mahapp
Hi Keboo, thank you very much for that instructive example how to move the visual representation of dialgohost.
But there is a small bug inside. CustomLoginDialogTemplate.xaml sholud reference xmlns:system="clr-namespace:System;assembly=mscorlib" and not xmlns:system="clr-namespace:System;assembly=System.Runtime". Its not a big deal but it can be annoying for less experienced developers. Stay healthy and do well Keboo!
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
I cannot use the Examples code because we are not using .NET 4.7 yet and are not planning to update for quite a bit. Is it possible to have a clone-able / downloadable branch for Examples with older .NET support ?
There is an issue with the DialogHost example inside VS Designer:
Error: 'StandInPopup' TargetType does not match type of element 'PopupEx'.
DialogHost.Example -> MainWindow.xaml 23
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
Many projects reference MaterialDesignInXaml. All of these projects should be updated to the latest 2.5.0 release.
Hello there. I download (Keboo / MaterialDesignInXamlToolkit-master (ZIP) )on the Github, unzip it open it, this error appears XDG0008: The name "PopupBox" does not exist in the namespace "http://materialdesigninxaml.net/winfx/xaml/themes". MaterialDesignDemo App.xaml
How do I solve this problem, thank you!
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
This project should be moved inside of a folder called DatePicker to match how the rest of the projects are organized.
Ensure you also update the solution file so that it shows up in Visual Studio.
in folder styling for the project TreeviewMenu in file MainWindow.xaml, i have an error about line 476
<Setter Property="Visibility" Value="Hidden" />
the property has a problem of accessibility or its unknown, i dont know how to avoid this error
regards
Terry
hi,
can u add property in MDIXWindow show/hide min max button?
thanks.
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
Can you add a license statement or file to this project?
18>------ Rebuild All started: Project: WelcomeMessage, Configuration: Debug Any CPU ------
16>C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\MSBuild\15.0\Bin\Microsoft.Common.CurrentVersion.targets(2110,5): warning MSB3245: Could not resolve this reference. Could not locate the assembly "MaterialDesignColors, Version=1.2.0.319, Culture=neutral, processorArchitecture=MSIL". Check to make sure the assembly exists on disk. If this reference is required by your code, you may get compilation errors.
16>C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\MSBuild\15.0\Bin\Microsoft.Common.CurrentVersion.targets(2110,5): warning MSB3245: Could not resolve this reference. Could not locate the assembly "MaterialDesignThemes.Wpf, Version=2.6.0.319, Culture=neutral, processorArchitecture=MSIL". Check to make sure the assembly exists on disk. If this reference is required by your code, you may get compilation errors.
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
Hi Keboo, is there a way to create the visual representation of dialogs in a separate file instead of embedding them directly into MainView as DialogContentTemplate? It does not seem to be right inside MainView if there are many dialogs. If yes, could you also provide an example (inside the project DialogHost.FromViewModel maybe?) how to outsource the visual representation? Thank you in advance. Your videos on youtube are very instructive, also thanks for that!
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
<Window.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
**<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/ValidationErrorTemplate.xaml" />**
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Window.Resources>
**<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/ValidationErrorTemplate.xaml" />**
(ValidationTemplate.MainWindow)
I tried to download the MahApps source code (Github) and I didn't find ::: "pack:,,,/MahApps.Metro; component/Styles/ValidationErrorTemplate.xaml".
Hi Kevin,
Thanks for your examples, it helps a lot !
I am working on project by using the treeviewmenu example, there's hard code xaml treeviewItem data in the example, once I changed to a binding ObservableCollection data, the Style trigger wouldn't fire. Could you help to modify the example to adapt the dynamic data ? I worked whole day on this but haven't found the root cause. Any help would be appreciate.
Regards,
Hello.
System.Windows.Markup. The XamlParseException:"" in "System.Windows.StaticResourceExtension "An exception was raised when the value was provided on." The line number is "52" and the line position is "52"."
Exception: A resource named "MaterialDesignTitleTextBlock" cannot be found. Resource names are case sensitive.
TextBlock Grid.Column="0" Grid.Row="0" Style="{StaticResource MaterialDesignTitleTextBlock}"
Is there anything I can do to fix this problem?
Thank you.
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
I was reviewing the Button.CornerRadius project and the code does something very clever in MainWindow.xaml.
It changes a part of the button template with the attached property TreeHelpers.Modifiers.
<Style
x:Key="SquareButton"
TargetType="ButtonBase"
BasedOn="{StaticResource MaterialDesignRaisedButton}">
<Setter
Property="utilities:TreeHelpers.Modifiers">
<Setter.Value>
<utilities:ModifierCollection>
<utilities:Modifier
TemplatePartName="border"
Property="{x:Static Border.CornerRadiusProperty}">
<utilities:Modifier.Value>
<CornerRadius>0</CornerRadius>
</utilities:Modifier.Value>
</utilities:Modifier>
</utilities:ModifierCollection>
</Setter.Value>
</Setter>
</Style>I think it's a genius bit of code, but I guess this is kinda legacy? There's ButtonAssist.CornerRadius now as an attached property on the button control itself.
My question is, should this code get dropped in favor of ButtonAssist.CornerRadius?
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
I would appreciate an update to MDIX 2.6.0 since a quite few things are obsolete.
Cheers!
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
Test body
The README should contain the following elements
- The title of the project
- A brief decription of what the project shows
- A visual of the running project. This may be either a static image or a gif ([ScreenToGif](https://www.screentogif.com/) may be helpful)
- When possible a brief explanation of how the code works.
You can see an example [here](https://github.com/Keboo/MaterialDesignInXaml.Examples/blob/master/Animation/WelcomeMessage/README.md)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.