Giter Club home page Giter Club logo

materialdesigninxamltoolkit's Introduction

Alt text Material Design In XAML Toolkit

Comprehensive and easy to use Material Design theme and control library for the Windows desktop.

Alt text

Alt text Summary

  • Material Design styles for all major WPF Framework controls
  • Additional controls to support the theme, including Multi Action Button, Cards, Dialogs, Clock
  • Easy configuration of palette (at design and runtime), according to Google's guidelines
  • Full Material Design Icons icon pack
  • Easy transition effects
  • Compatible with Dragablz, MahApps
  • Demo applications included in the source project

Backers on Open Collective Sponsors on Open Collective Gitter NuGet-Themes NuGet-Themes NuGet-Themes Issues

Alt text Getting Started

Alt text See It In Action

Alt text Source Code

To load the source project you will need Visual Studio 2022. Don't worry if you have an earlier version, you can still use the compiled assemblies from NuGet (Install-Package MaterialDesignThemes). There are three demo projects in the solution, restore the necessary NuGet packages and correct the programming syntax that is not compatible with C# versions lower than C# 10.0 (currently used in Visual Studio 2022). Then, you should be able to fire the projects up. The first one is a "pure" Material Design 2 project. The second one shows how to combine with Dragablz and MahApps. The last one is a Material Design 3 project (In Development).

Alt text Contribution Guidelines

Alt text Mentions

Alt text Screenshots

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

materialdesigninxamltoolkit's People

Contributors

ahmed-abdelrazek avatar amro045 avatar bombipappoo avatar butchersboy avatar davipb avatar dependabot[bot] avatar dhilmathy avatar edongashi avatar elietaillard avatar github-actions[bot] avatar greuelpirat avatar jeffbarnard avatar jizc avatar jorisclevr avatar keboo avatar l1pton17 avatar mdix-sa avatar mgnslndh avatar michelmichels avatar mrxx99 avatar nicolaihenriksen avatar punker76 avatar spiegelp avatar stefanorivolta-previero avatar stigrune avatar suicsoft avatar tysonmn avatar w-syss avatar wongjiahau avatar xaviergonz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

materialdesigninxamltoolkit's Issues

TimePicker's Foreground

Hi,

Like you said me here : #20 (comment)
I create another topic for TimePicker foreground.
TimePicker.Foreground = Brushes.Black is not working. VS say that he can't convert "Brushes" to "Brushes".
DatePicker.Foreground = Brushes.Black is working perfectly for DatePicker.

Thanks,
Clément.

Need a logo/icon

This project needs a logo, and I'm sure there are way better designers than me who could do the task justice.

Obviously this project is open source so there would be no payment, but if anyone can provide a decent logo which suits this project then I'll link to their website/portfolio for the lifetime of this project.

What's the spec? Well, it's this project: a XAML/WPF toolkit for creating material design interfaces. I guess the logo will probably follow the material design logo guidelines.

TimePicker AM/PM hide

Is there any way to hide the AM/PM radios from timepicker? Thank you for your hard work.

[Feature request] Split view for dragablz

Could you also implement split view for dragablz tabs like in VS to see 2 tabs near each other at the same time?
Could be useful for comparing two documents and in other cases.
As I understand, this will need to create new dragablz control and place it near the first.

Likely this will require creation of the wrapper control around dragablz, I suppose.

Changing Accent color in VB.Net

Hi, I'm trying to make an option in my application to let the user choose the accent color but I don't know if it's possible...
How can I change the accent color directly from a button for exemple (In VB.Net) ?

Thanks,
Clément.

EDIT : I must learn to read :p It is a ChangeAppStyle which can be used easily... It's solved :)
EDIT2 : It only changes MahApps accent, not Material accent :/ It's not solved

DataGrid Style

Is there any way to use material design for data grid?

wpf:TextField.HintOpacity not working on TextBox

Hi James,

The attached property wpf:TextField.HintOpacity works correctly on ComboBox but does not on TextBox. I'm using version 0.93.

<ComboBox Grid.Column="0" Grid.Row="0" HorizontalAlignment="Right" Style="{StaticResource EnvCombo}" wpf:TextField.Hint="Source" wpf:TextField.HintOpacity="0.4"/>
<TextBox Grid.Column="1" Grid.Row="0" HorizontalAlignment="Stretch" Style="{StaticResource MaterialDesignTextBox}" wpf:TextField.Hint="Query" wpf:TextField.HintOpacity="0.4" VerticalAlignment="Center"/>
<ComboBox Grid.Column="2" Grid.Row="0" HorizontalAlignment="Left" Style="{StaticResource EnvCombo}" wpf:TextField.Hint="Target" wpf:TextField.HintOpacity="0.4"/>

Many thanks,

James

Editing date in DatePicker via textbox

Not sure if its Textbox but the control that displays date, if edited and moved focus i get an exception:
System.InvalidOperationException {"Cannot animate '(0).(1)' on an immutable object instance."}

No Scroll Appeared when using multy-line textbox

XAML

<TextBox Grid.Row="7"
                 Grid.Column="1"
                 Grid.ColumnSpan="10"
                 MaxHeight="300"
                 VerticalAlignment="Center"
                 AcceptsReturn="True"
                 TextWrapping="Wrap" />

Enter some text. Than press enter for 1-2 secs.
I expect a scroll bar apeared on the right.

DatePicker and Textfield Hint

Hi,

I found another bug, in DatePicker, wpf:TextField.Hint="text" isn't working, but it's working for TextBox and TimePicker

I've download code, but I got errors when compiling it

Error 6 The tag 'Clock' does not exist in XML namespace 'clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf'. Line 57 Position 4. D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MaterialDesignColors.WpfExample\ProvingGround.xaml 57 4 MaterialDesignColors.WpfExample

Error 7 The property 'TextField.Hint' does not exist in XML namespace 'clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf'. Line 58 Position 6. D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MaterialDesignColors.WpfExample\TextFields.xaml 58 6 MaterialDesignColors.WpfExample

Error 9 The property 'TextField.Hint' does not exist in XML namespace 'clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf'. Line 61 Position 6. D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MahMaterialDragablzMashUp\TextFields.xaml 61 6 MahMaterialDragablzMashUp

Error 10 The name "Clock" does not exist in the namespace "clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf". D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MaterialDesignColors.WpfExample\ProvingGround.xaml 57 3 MaterialDesignColors.WpfExample

Error 11 The name 'nameof' does not exist in the current context D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MaterialDesignThemes.Wpf\DateTimeEx.cs 11 57 MaterialDesignThemes.Wpf

Error 12 The name 'nameof' does not exist in the current context D:\Paulo\Projetos\MaterialDesignInXamlToolkit-master\MaterialDesignThemes.Wpf\Converters\ClockItemIsCheckedConverter.cs 19 67 MaterialDesignThemes.Wpf

Search bar...

Adding a search bar would be nice, or at least give me a permission to make one..

Calendar localization

Calendar doesn't localize, shows english names for day and month regardless of culture.

Nuget Improvements

Update colors package to v1.0.0.0, make themes package depend on colors package.

The button effect is too small

Hi,

So I added this awesome toolkit to my project. When I click a button, it should animate the entire button area right? It only animated the area around the click in a circle. Is there any setting to be done?

DataGrid Select All button unexpected behaviour

Sample XAML

        <GroupBox Grid.Row="1"
                  Grid.Column="0">
            <DataGrid IsReadOnly="True"
                          ItemsSource="{Binding Items}"
                          SelectedValue="{Binding SelectedItem,
                                                  Mode=TwoWay}"/>
        </GroupBox>

I have Binding Errors in Console

System.Windows.Data Error: 5 : Value produced by BindingExpression is not valid for target property.; Value='-0.288220551378446' BindingExpression:Path=CellsPanelHorizontalOffset; DataItem='DataGrid' (Name=''); target element is 'Button' (Name=''); target property is 'Width' (type 'Double')

First thing to reproduse issue: you should have enough rows in DataGrid to make the horithontal scroll bar at the bottom appear;
To reproduce it just move handle of horithontal scroll bar in any dirrection.
You'll see that scroll bar left button with arrow and all data grid start jumping(Due to appearing of select all button).
Here is screenshot when button appears
image
Now it is Collapsed
image

ToggleButton with IsChecked="True"

Set ToggleButton with IsChecked="True" in Xaml. Run the app and toggle the switch UI flickers and double toggles to settle.This is only for first time, from then on it works as expected. Just a minor glitch in UI.

TimePicker : Set system hour

Hi, I'm trying to set at the startup of my application the system time to the TimePicker control.
I tryed TrainingTimePicker.SelectedTime = DateAndTime.Now (where TimePicker is my control) but it don't work, te field still empty.
Can I know why please ? I'm in VB.Net

Create toolbox items

As the title says would it be possible to add toolbox items for all the controls?

Coloured Toolbars

This is really important, to create some of the common appearances we see on Android.

Support for Textbox with floating label

I know there is a textbox same as in material design sample with validation included but I am very eager to know if you have plans to work on text box that will animate the watermark to short text and move it above if text is entered, as shown in link below :
http://www.google.com/design/spec/components/text-fields.html#text-fields-floating-labels
As this control will contain both label and Textbox in small area (Compared to placing a label or Textblock) this feature gives a lot of real-estate in UI.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.