ButchersBoy/MaterialDesignInXamlToolkit

Google Material Design In XAML & WPF

Jesus Bamford

@Jesus805

@weitzhandler yes DataGrid is supported

Got an issue, but this isn't exclusive to 3.0.0, I was having this issue in earlier versions
If you embed a ComboBox within a GridView, the selection dropdown becomes transparent.

Jesus Bamford

@Jesus805

Setting the Combobox background to white doesn't work really well either

Kevin B

@Keboo

@Jesus805 that looks like it is probably a bug. There is a similar problem with the combo box in the DataGrid #1506. Mind logging an issue for it?

Shimmy

@weitzhandler

Thank you!! 💖

Jesus Bamford

@Jesus805

@Keboo can do

Shimmy

@weitzhandler

Can't make it work.
I have an existing .NET Core 3 WPF app.
I tried adding to my app the following:

<ResourceDictionary>   
      <ResourceDictionary.MergedDictionaries>
          <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
          <materialDesign:BundledTheme BaseTheme="Light" />
      </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

When running the app, I get the following exception:

System.Windows.Markup.XamlParseException: 'The method or operation is not implemented.'

StackTrace:

This exception was originally thrown at this call stack:
System.Windows.Baml2006.Baml2006SchemaContext.ResolveBamlType(System.Windows.Baml2006.Baml2006SchemaContext.BamlType, short)
System.Windows.Baml2006.Baml2006SchemaContext.GetXamlType(short)
System.Windows.Baml2006.Baml2006Reader.Process_ElementStart()
System.Windows.Baml2006.Baml2006Reader.Process_OneBamlRecord()
System.Windows.Baml2006.Baml2006Reader.Process_BamlRecords()
System.Windows.Baml2006.Baml2006Reader.Read()
System.Windows.Markup.WpfXamlLoader.TransformNodes(System.Xaml.XamlReader, System.Xaml.XamlObjectWriter, bool, bool, bool, System.Xaml.IXamlLineInfo, System.Xaml.IXamlLineInfoConsumer, MS.Internal.Xaml.Context.XamlContextStack<System.Windows.Markup.WpfXamlFrame>, System.Windows.Markup.IStyleConnector)
System.Windows.Markup.WpfXamlLoader.Load(System.Xaml.XamlReader, System.Xaml.IXamlObjectWriterFactory, bool, object, System.Xaml.XamlObjectWriterSettings, System.Uri)

Shimmy

@weitzhandler

Does anyone know if MaterialDesignThemes work with .NET Core 3 WPF?

bebenins

@bebenins

@Keboo
Here's the copy/paste of my dual slider setup.

<UserControl x:Class="EvolvMaterialDesignDomain.Controls.Inclinometer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             UseLayoutRounding="True"
             mc:Ignorable="d" d:DesignWidth="50" d:DesignHeight="70">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="1" VerticalAlignment="Center" Margin="0,0,6,0"
                   Text="{Binding LabelX, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"/>
        <TextBlock Grid.Column="1" HorizontalAlignment="Center" Margin="0,0,0,4"
                   Text="{Binding LabelY, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"/>
        <Grid Grid.Column="1" Grid.Row="1">
            <Slider HorizontalAlignment="Center" VerticalAlignment="Stretch" Orientation="Vertical" IsHitTestVisible="False"
                    Height="{Binding SliderSize, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Minimum="{Binding MinimumY, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Maximum="{Binding MaximumY, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Value="{Binding ValueY, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"/>
            <Slider HorizontalAlignment="Stretch" VerticalAlignment="Center" IsHitTestVisible="False"
                    Width="{Binding SliderSize, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Minimum="{Binding MinimumX, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Maximum="{Binding MaximumX, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                    Value="{Binding ValueX, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"/>
        </Grid>
        <TextBlock Grid.Column="2" Grid.Row="1" VerticalAlignment="Center" Margin="4,0,0,0"
                   Text="{Binding ValueX, StringFormat='\{0\}°', RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}">
            <TextBlock.LayoutTransform>
                <TransformGroup>
                    <RotateTransform Angle="-90"/>
                </TransformGroup>
            </TextBlock.LayoutTransform>
        </TextBlock>
        <TextBlock Grid.Column="1" Grid.Row="2" HorizontalAlignment="Center" Margin="0,4,0,0"
                   Text="{Binding ValueY, StringFormat='\{0\}°', RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"/>
    </Grid>
</UserControl>

Sometime today I will keep investigating but I was wondering if someone else might have pointers. Thank you!

bebenins

@bebenins

By the way, if I create a default slider control right in my app (instead of that custom contained in DLL) then the colors are good, just as in your demo app. Sounds like something doesn't translate to DLL.

bebenins

@bebenins

Ha! I'm getting to the bottom of it. The color is crewed up only when i place the slider inside a color zone with <Setter Property="Background" Value="{DynamicResource Primary50}"/>. Gotta go to a long meeting but I'm guessing slider has transparency

enrmadriv

@enrmadriv

Does anyone have an idea of how can I convert PackIcon to a Image?

bebenins

@bebenins

@enrmadriv Just go directly here and grab the source https://materialdesignicons.com/

bebenins

@bebenins

@Keboo My bad! I found the issue. My custom ColorZone is set to .90 Opacity and it's a container so duh! I haven't seen this part of XAML in ages. Sorry for the spam. Thanls!

Javier

@alekstrust_twitter

@Keboo I couldn't find a combobox with "filled" styles

Please see https://material.io/components/text-fields/

It will be great if you can add it

Kevin B

@Keboo

@weitzhandler are you on the latest 3.0.0 release? That is required for the .NET Core 3.0 support.

@bebenins good catch, let me know if you find out more about it. If I get time I will take a look at well.

@enrmadriv you can also see an example of doing that here to use them as the icon for a window.

@bebenins ok glad you tracked it down

@alekstrust_twitter there is an existing request for there in #1479

Javier

@alekstrust_twitter

I made something to edit the combobox style, but I can't fnd a way to move the arrow. Any clue?

summerwind78

@summerwind78

Hallo everybody. Does anyone know how to apply a shadot to an entire window? I have already tried with shadowassist applied to the window and to the dockpanel that is the first element of my window. But it didn't work

Jesper Hansen

@jespersh

@alekstrust_twitter add a regular Margin="0 0 8 0" to move the arrow

Javier

@alekstrust_twitter

@summerwind78 Make the Window with transparent background and AllowTransparency to True. Then put a Border inside and apply a ShaddowEffect and Margin

@jespersh but to what element? I want to move the arrow inside the template of course.

Jesper Hansen

@jespersh

@alekstrust_twitter Experiment with it. Without seeing your xaml, then I wouldn't know

Javier

@alekstrust_twitter

Not sure if we are in the same page Jesper. I already did it, that's why I'm asking. And it's not actually my xaml: https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/blob/master/MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.ComboBox.xaml

Javier

@alekstrust_twitter

@Keboo thank you. I have upvoted the issue. Hope to see examples soon.

@summerwind78 This is an example of how I do it (code not actually tested):

<Window x:Class="Sample.Xaml"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        WindowStyle="None"
        AllowsTransparency="True"
        Background="Transparent"
        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
        TextElement.FontWeight="Regular"
        TextOptions.TextFormattingMode="Ideal"
        TextElement.FontSize="13"
        TextOptions.TextRenderingMode="Auto"
        FontFamily="{DynamicResource MaterialDesignFont}">

    <Border Margin="16" Padding="16" Background="White" Effect="{StaticResource MaterialDesignShadowDepth3}">
        <!-- YOUR CONTENT HERE -->
    </Border>

</Window>

spy0505

@spy0505

top too many blank,How to adjust？

@Keboo

spy0505

@spy0505

I know

pekempy

@pekempy

With dialogHost is it possible to have it show xaml from a Page or UserControl as I would rather keep the xaml for the dialogs separate. I used to have a frame and in codebehind set the content of that frame to a page, but haven't managed to get that working with mvvm. In that regard I tried setting the Content to {Binding DialogContent} and that would be set to the ViewModel of the xaml I wanted to include

Jesus Bamford

@Jesus805

Using validation with a textbox, isn't the background supposed to be transparent?

Even if I use it with a white background, the color is a bit off. It's 250 250 250 instead of 255 255 255

Kevin B

@Keboo

@alekstrust_twitter in reguards to the combo box drop down button. It is this toggle button. The style for it is here.

@summerwind78 the ShadowAssist just uses the DropShadowEffect internally. This effect does not actually work with WPF windows. You basically only have two choices. Option 1: Apply the drop shadow to the elements inside of the window (though this may not be the look you are going for). Option 2: Consider using the MahApps window. They support a glow brush on the window that I suspect is closer to the look you want.

@spy0505 I assume you tracked down your issue?

Kevin B

@Keboo

@pekempy yes! Typically you would use a user control to hold your dialog contents. You would either put the user control directly inside of the DialogContent in XAML or simply pass the user control through on your Show call. You might also find this blog post helpful.

@Jesus805 there are a couple things with the validation template. 1. There are actually two different ways that we show validation, one with a popup and one directly on the element. This make simple setting a background color of transparent difficult. You are in control of this behavior using the ValidationAssist.UsePopup attached property. 2. You can change the background color for the validation using the ValidationAssist.Background attached property. 3. Transparent doesn't work in a lot of cases (specifically with the popup) because it can often sit on top of other controls making the text difficult to read. Which is why it defaults to a theme brush.

Jesus Bamford

@Jesus805

Awesome! Thanks @Keboo. In my case I use a white background and no pop-up, so transparent works fine

Where communities thrive

People

Repo info

Activity