ButchersBoy/MaterialDesignInXamlToolkit

Google Material Design In XAML & WPF

Streissi

@Streissi

is it possible to make a unit test for events, like i open the drawer and a event should be raised?

how can i test that?

Jesper Hansen

@jespersh

@Streissi you can bind the Open property of the Drawer to your viewmodel

IsLeftDrawerOpen="{Binding DrawerOpen}" and make a bool property in your viewmodel for that

Streissi

@Streissi

ok thx

Kop1ce

@Kop1ce

Hi, i am trying to change the materialDesign:PackIcon kind property on runtime based on property , could anyone please tell me what i am doing wrong, or at least what is the workaround .
<materialDesign:PackIcon.Style>
<Style TargetType="{x:Type materialDesign:PackIcon}" BasedOn="{StaticResource {x:Type materialDesign:PackIcon}}">
<Style.Triggers>
<DataTrigger Binding="{Binding ProfileInformation.IsExpired}" Value="True">
<DataTrigger.EnterActions>
<BeginStoryboard x:Name="iconstoryboard" Storyboard="{StaticResource InformationStoryboard}"/>
</DataTrigger.EnterActions>
<DataTrigger.ExitActions>
<RemoveStoryboard BeginStoryboardName="iconstoryboard"/>
</DataTrigger.ExitActions>
</DataTrigger>
<DataTrigger Binding="{Binding ProfileInformation.IsExpired}" Value="True">
<Setter Property="Kind" Value="InformationCircle"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding ProfileInformation.IsExpired}" Value="False">
<Setter Property="Kind" Value="FaceProfile"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>

Jesper Hansen

@jespersh

@Kop1ce Notify property changed not firing?

Example from demo:

                            <materialDesign:PackIcon Height="24" Width="24">
                                <materialDesign:PackIcon.Style>
                                    <Style TargetType="materialDesign:PackIcon" BasedOn="{StaticResource {x:Type materialDesign:PackIcon}}">
                                        <Setter Property="Kind" Value="CloudSync" />
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsSaveComplete}" Value="True">
                                                <Setter Property="Kind" Value="Check" />
                                                <DataTrigger.EnterActions>
                                                    <BeginStoryboard>
                                                        <Storyboard>
                                                            <DoubleAnimation
                                                                Storyboard.TargetProperty="Opacity"
                                                                From="0"
                                                                To="1"
                                                                Duration="0:0:0.8" />
                                                        </Storyboard>
                                                    </BeginStoryboard>
                                                </DataTrigger.EnterActions>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </materialDesign:PackIcon.Style>
                            </materialDesign:PackIcon>

Kop1ce

@Kop1ce

The point is the storyboard is firing and it's been disabled properly, i am using dependency properties within model class, so it should not be the problem.

Jesper Hansen

@jespersh

@Kop1ce could you be more precise on what your issue is because it sounds like everything works

Jesper Hansen

@jespersh

I scribbled this together https://gist.github.com/jespersh/f22fbcfa8562cc71db8f7c76e441df70

Kop1ce

@Kop1ce

The setters of the materialDesign:pack is not working , and i rly doubt that the issue is because the UI is not notified by the properties being modified. For instance i wrote the same approach for a textblock that is bound to the same object and it works properly , it changes the text after the IsExpired property is modified
<TextBlock >
<TextBlock.Style>
<Style TargetType="TextBlock" BasedOn="{StaticResource MaterialDesignSubtitle1TextBlock}">
<Style.Triggers>
<DataTrigger Binding="{Binding ProfileInformation.IsExpired}" Value="True">
<Setter Property="TextBlock.Text" Value="expirata"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding ProfileInformation.IsExpired}" Value="False">
<Setter Property="TextBlock.Text" Value="activa"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>

Jesper Hansen

@jespersh

@Kop1ce it worked in what I scribbled together, so please take what I make and modify it so it is closer to what you're doing, like the storyboard and then re-gist it for me to look at

Kop1ce

@Kop1ce

@jespersh I am sorry for u inconvenience, i didn't know that control should not contains the default values of the properties that u want to modify through data triggers, because it overrides any values from datatrigger.

Jesper Hansen

@jespersh

@Kop1ce Today you learned :smiley:

jsszar

@jsszar

Hi, is it normal that when i place a badge on a button, the button resizes to it's content?

jsszar

@jsszar

                        <StackPanel Margin="5" Background="Transparent">
                            <Button
                            Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                            Margin="5">New</Button>
                            <Button
                            Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                            Margin="5">Close</Button>
                            <Button 
                            Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                            Margin="5">Edit</Button>
                        </StackPanel>

it looks like https://imgur.com/GrCqY9u
Then i add a badge

                        <StackPanel Margin="5" Background="Transparent">
                            <Button
                            Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                            Margin="5">New</Button>
                            <materialDesign:Badged Badge="4" Margin="5">
                                <Button
                                Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                                >Close</Button>
                            </materialDesign:Badged>
                            <Button 
                            Style="{DynamicResource MaterialDesignRaisedDarkButton}"
                            Margin="5">Edit</Button>
                        </StackPanel>

and then it looks like https://imgur.com/dD6Mgfj

Derrick Berg

@derrickberg-dev

How do you cause Snackbar text to wrap?

Jesper Hansen

@jespersh

@jsszar it is because you placed the button inside a StackPanel

Jesper Hansen

@jespersh

@derrickberg-dev the snackbar should already wrap and allow for 2 lines of text

jsszar

@jsszar

@jespersh I changed the stackpanel for a grid, but it does the same.

<Window x:Class="NextSTR.Window1"
        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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:NextSTR"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        Background="{DynamicResource MaterialDesignPaper}"
        Foreground="{DynamicResource MaterialDesignBody}"
        FontFamily="{DynamicResource MaterialDesignFont}"
        mc:Ignorable="d"
        Title="Window1" Height="450" Width="800">
    <Grid>
        <Button>content</Button>
        <materialDesign:Badged Badge="444">
            <Grid>
                <Button>more content</Button>
            </Grid>
        </materialDesign:Badged>
    </Grid>
</Window>

First Button is stretched in the middle of the window, while the one with the badge is just top left aligned and width is adjusted to content

Derrick Berg

@derrickberg-dev

@jespersh hmmm it doesn't appear to be wrapping the text, maybe its because I set the width to auto?

Nope now there is just ...

Derrick Berg

@derrickberg-dev

I got it, the properties I applied to the grid was messing it up

Jesper Hansen

@jespersh

@jsszar before I open a new project, could you try to add HorizontalContentAlignment to Badged and set it to Stretch?

M0N7Y5

@M0n7y5

Hi :) i have a question why is Dialog host so slow even on really good PC? Is that problem in WPF ?

jsszar

@jsszar

@jespersh after trying your suggestion, i noticed that the badge ignores right and bottom margin, if i set the width ( and height ) of the badge, with HorizontalContentAlignment set to stretch the content stretches correctly. Would this margin issue be a bug or is it working as intended? or perhaps I'm missing something.

carol2014

@carolzinha9001_twitter

Guys where can I find a code example to create a TextBox of this model in XAML

Jesper Hansen

@jespersh

@M0n7y5 usually you're doing something on the UI thread when dialog host is doing animation

kamelEddinee

@kamelEddinee

@carolzinha9001_twitter hey, check the release examples you will find something like this

Federico Rossi

@artipo

I was looking for a "Good first issue" and found MaterialDesignInXAML/MaterialDesignInXamlToolkit#1945. Isn't supposed to be closed sinced it has already been merged?

Jesper Hansen

@jespersh

@artipo github only closes it automatically if "Fixes #xxx" (or variations of) is in the PR description, so it was probably just missed

steirensis

@steirensis

Hello! I think, I have a bug with dialoghost

if you have a two dialoghost, "RootDialog" an another one. Making double click in the button "CloseDialogCommand" close both of them... Routed command continues to rootdialog and closes it

Example. You open in demo the first dialog sample1 and then open dialogsample 2... if you make double click very fast in cancel or accept button of sample1, both dialog will close

steirensis

@steirensis

excuse my English

Jesper Hansen

@jespersh

@steirensis nah, you're just not picking up the Session from the opening event and and then calling Close on that specifically

steirensis

@steirensis

ok ;)

izzy lyseggen

@izzylys

Hiya! I've got a quick Dialog question: how do I keep the dialog visible when the window loses focus? I have a window that is always on top and I'm opening the dialog with DialogHost.Show(). At the moment, the dialog disappears and you just see the dimmed window content when you click away to another app or window.

carol2014

@carolzinha9001_twitter

guys, is it possible to create a checkbox in this style using Material Design?

I have the following code, but without success

<CheckBox Content="Test">
     <CheckBox.Resources>
           <SolidColorBrush x:Key="MaterialDesignCheckBoxOff" Color="White"/>
           <SolidColorBrush x:Key="PrimaryHueMidBrush" Color="Transparent"/>
     </CheckBox.Resources>
</CheckBox>

Jesper Hansen

@jespersh

@izzylys the dialog from DialogHost is always-on-top in its default style configuration. If you're looking to the dialog always on top of the program window, but not infront of others, then you might want to look into the embedded style of dialoghost

izzy lyseggen

@izzylys

@jespersh that did the trick! so simple, I feel silly for not working that out on my own haha. thanks a lot!

Jesper Hansen

@jespersh

@izzylys there are many styles to discover and I don't think this one is demoed in the demoapp

Federico Rossi

@artipo

Hi, i've created the Pull Request MaterialDesignInXAML/MaterialDesignInXamlToolkit#2150, but one test failed. I've tried running the test on my local machine and everythings worked. Did I do something wrong?

Jesper Hansen

@jespersh

@artipo I think that particular test is known to fail intermittently

Federico Rossi

@artipo

@jespersh Understood, thanks!

wyusolve

@wyusolve

It is possible to use just one button style such as MaterialDesignRaisedButton, without importing an entire theme for the application? Would like to know if importing just a single style for any control is possible.

Where communities thrive

People

Repo info

Activity