Background="{DynamicResource PrimaryHueLightBrush}" Opacity=".5" but I want to able to do something like Background="{DynamicResource Primary50}" Many Thanks.
3 replies
Hey all!
Is there any best practice or guidance on swapping light / dark themes when you can't add the Resource Dictionaries to Application.Current.Resources?
I'm working on an app that is hosted within another application and thus can't pollute the Application.Current.Resources with the style Merged Dictionaries. I've instead added my Generic.xaml to each of the individual user controls' merged dictionaries. Initially, this works fine, but when swapping themes not all elements seem to respect this (eg Cards, some text, field hints).
The way I'm swapping themes is by adding a global handle on the Merged Dictionariesfrom the main window, then doing this within a user control to toggle the theme
if ( Globals.RootResourceDict != null )
{
var theme = Globals.RootResourceDict.GetTheme();
theme.SetBaseTheme(DarkMode ? Theme.Dark : Theme.Light);
Globals.RootResourceDict.SetTheme(theme);
}I have linked the repo in MaterialDesignInXAML/MaterialDesignInXamlToolkit#2322 if it's helpful to see the code. Thanks a lot in advance for any advice!
SliderAssist.OnlyShowFocusVisualWhileDragging="False"
I have received a WPF task in my company. Would someone so kind to provide an example public repository like this one?
Thank you in advance. https://www.youtube.com/watch?v=3mYXc4sDKK0
2 replies
1 reply
@Keboo, thank you for the link for your amazing git repository collection.
I want to improve my application based on Your SimplyBudgetDesktop application and I want to implement authentication/authorization
logic onto that (providing menus and pages based on user's role using Oauth2).
Could you offer some MVVM examples in this subject? (sorry for spamming the room with not Material Design related/technical question)
1 reply
1 reply
I have this setup of a TextBox and three questions:
<TextBox materialDesign:HintAssist.Hint="First name"
materialDesign:HintAssist.Foreground="Blue"
Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
#1
When I have NOT clicked the TextBox, the forecolor of the hint text is in some default color.
I would like this color to be Red. What parameter do I need to set the forecolor to Red?
Notice I have already figured out I need the HintAssist.Foreground to set the forecolor I want then TextBox IS clicked.
Unfortunately this forecolor is not the same for NOT clicked and IS clicked .
#2
When I have NOT clicked the TextBox, there is a small horizontal line bellow the TextBox.
This line has some default color. I would like this color to be Green.
What parameter do I need to set the color to Green?
#3
When I HAVE clicked the TextBox, there is another horizontal line being drawn automatically bellow the TextBox.
This line has some default color. I would like this line to be Yellow.
What parameter do I need to set the color to Yellow?
Or is this the same parameter that controls the default line in #2?
Sorry for some caps words, I just want to be clear.
@McTopaz a few options.
- There are a few ways to control this. The simplest is to simply set the Foreground property on the TextBox. However this also sets the foreground of the TextBox as well. An alternative is the HintAssist.Hint property is not a string and can accept any arbitrary content, so if you want full control of it you can do something like this:
<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}"> <materialDesign:HintAssist.Hint> <TextBlock Text="First name" Foreground="Red"/> </materialDesign:HintAssist.Hint> </TextBox> - You can do this by setting a resource brush on the TextBox with the key of
MaterialDesignTextBoxBorderlike this:<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}"> <TextBox.Resources> <SolidColorBrush x:Key="MaterialDesignTextBoxBorder" Color="Green" /> </TextBox.Resources> </TextBox> - This color is controlled by the underline control. You can control it with the
TextFieldAssist.UnderlineBrush. Like this:<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}" materialDesign:TextFieldAssist.UnderlineBrush="Yellow" />
I have also uploaded a small sample app showing various colors on the text box and how to change them. You can find that here
@McTopaz a few options.
- There are a few ways to control this. The simplest is to simply set the Foreground property on the TextBox. However this also sets the foreground of the TextBox as well. An alternative is the HintAssist.Hint property is not a string and can accept any arbitrary content, so if you want full control of it you can do something like this:
<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}"> <materialDesign:HintAssist.Hint> <TextBlock Text="First name" Foreground="Red"/> </materialDesign:HintAssist.Hint> </TextBox>- You can do this by setting a resource brush on the TextBox with the key of
MaterialDesignTextBoxBorderlike this:<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}"> <TextBox.Resources> <SolidColorBrush x:Key="MaterialDesignTextBoxBorder" Color="Green" /> </TextBox.Resources> </TextBox>- This color is controlled by the underline control. You can control it with the
TextFieldAssist.UnderlineBrush. Like this:<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}" materialDesign:TextFieldAssist.UnderlineBrush="Yellow" />I have also uploaded a small sample app showing various colors on the text box and how to change them. You can find that here
Thank you for your reply Kevin B!
One more question:
When the TextBox is NOT clicked, the hint text seem to have some opacity set to it.
Is this true? Can this value be altered?
@McTopaz yes that value has some opacity, functionally it is coming from the MaterialDesignBody brush which uses the alpha channel to be partially transparent. DarkTheme, Light Theme. If you want to change it for only the TextBox hint itself there are two options.
1) Set the Foregorund property on the TextBox itself. This will change the color of that hint, but will also change the color of the text within the TextBox as well.
<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}" Foreground="Red" />2) You can also set it explicitly on the hint this would give you the greatest control over it.
<TextBox Style="{StaticResource MaterialDesignFloatingHintTextBox}">
<materialDesign:HintAssist.Hint>
<TextBlock Text="First name" Foreground="Red"/>
</materialDesign:HintAssist.Hint>
</TextBox>
Looking to get some help on how to animate the badge on a badged button. I have the following xaml for a badged button:
<md:Badged Badge="{md:PackIcon Kind=CheckBold}"
BadgeColorZoneMode="SecondaryMid">
<md:Badged.Triggers>
<EventTrigger>
<!-- Is this the correct way to do this? -->
</EventTrigger>
</md:Badged.Triggers>
<Button Content="COPY RESULTS"
Style="{StaticResource MaterialDesignRaisedLightButton}"
ToolTip="Copy results to the clipboard"/>
</md:Badged>I would like to adjust the above such that the badge shows up for 3-ish sec. after the button is clicked and then the badge disappears afterward. Is using event triggers the correct way to go about this?
4 replies
Hello! I'm using dragablz library for Material tabitem. I need to be able to scroll horizontally the tabitem but not to dragandrop them. I set
<dragablz:TabablzControl dragablz:AllowDrop="False">but it didn't work. I also tried
<dragablz:TabablzControl AllowDrop="False">but it didn't work too. How can I avoid the drag&drop?
1 reply