ButchersBoy/MaterialDesignInXamlToolkit

Google Material Design In XAML & WPF

Kevin B

@Keboo

@schiette something like this should work.

<TextBox Style="{StaticResource MaterialDesignOutlinedTextFieldTextBox}">
    <TextBox.Resources>
        <SolidColorBrush x:Key="MaterialDesignTextAreaBorder" Color="Red" />
    </TextBox.Resources>
</TextBox>

Pieter Schiettecatte

@schiette

@Keboo that works perfectly. Really appreciate it!

maybe a quick follow up question:

I would like to find out what styling the hint text is using (circled in blue) because I would like to apply it some textblocks I have elsewhere

Kevin B

@Keboo

@schiette sure. That gets a little interesting because you won't actually find that TextBlock directly in the code. What you see there is the SmartHint control inside of the TextBox template. If you look at the SmartHint template you will see that the text just gets forwarded to a ContentControl. So the TextBlock itself is being generated there. If you want to style something to be the same there are a few key properties to set. FontSize should match whatever is being applied to the TextBox. FontFamily is typically set at the Window level and should be inherited. Finally the opacity of the TextBlock is largely controlled by the HintAssist.HintOpacityProperty. This has a default value of 0.56.
I think that should get you a TextBlock that matches the style of the hint.

Pieter Schiettecatte

@schiette

thanks @Keboo ! I didn't realize hints had their own opacity value! Appreciate your detailed answer!

Dima-Kal

@Dima-Kal

Hey i got a question, i'm using CheckComboBox from "WPF Extended Toolkit" and im using dark theme, regular controls are being correctly themed (i.e regular checkbox) but the extended control is not being themed, has someone encountered this before?

I've tried to make a style based on either "CheckBox" or "ComboBox" and it throws exception on both cases

Kevin B

@Keboo

@Dima-Kal that is because CheckComboBox doesn't derive from the regular ComboBox (which is what the Material Design styles are targeting). Unfortunately you will likely need to role your own template for that control to get a full material design look. You can see an example of doing this for the AutoCompleteBox here. Usually the simplest thing to do is copy in the existing template and start modifying it to get the desired result.

Dima-Kal

@Dima-Kal

@Keboo how can I create template just for dark mode? I've managed to create a dark mode style but I need it to be applied only when dark mode is applied, the regular look already fits the light theme look OOTB

Mohammedzuhair

@Mohammedzuhair

Hi guys.. i am not a UI developer...I am confuse giving proper design to this. I need your help in designing this page to look good.

Jesper Hansen

@jespersh

@Mohammedzuhair Not sure what you're asking about

Mohammedzuhair

@Mohammedzuhair

@jespersh my design for this page doesn't look good.. how can i make it better

Jesper Hansen

@jespersh

@Mohammedzuhair I'd start with more relaxed colors. You might find something more appealing. And I don't understand the somewhat floating datagrid

Kevin B

@Keboo

@Dima-Kal in general you don't create a template for just "dark mode" what you would do is use DynamicResource and point to the various theme brushes. Very similar to what is done for the TextBox style/template.

Kevin B

@Keboo

@Mohammedzuhair I would also take a look through some of the material design doc. They cover things like color palette as well as ways to communicate with your users. The accessibility section is pretty good too.

tuke307

@tuke307

Hello, I want to use the Snackbar from any Thread. How can I enque messages via the DialogHost? There are some inspiration in the wiki but I can not find any example. stackoverflow-question

Jesper Hansen

@jespersh

@tuke307 you could pass an interface to your viewmodel inside the dialoghost that interacts with the snackbar or use the embedded dialoghost

tuke307

@tuke307

@jespersh Thank you, how exactly do i have to call the DialogHost.Show() Command to give the Snackbar inside, a message to show?

Pieter Schiettecatte

@schiette

does anyone know of a way to offset the badge a bit more to the left (it's extending too far to the right now)

snayan07

@snayan07

Hi guys, would anyone you have some free time and have a passion to build some cool wpf screens ( screens only, I can afford small fee) that I need for my project. I have done few wpf projects myself, but not as great as I see here, if interested please reach out to me at snayan07@gmail.com

tomasfil

@tomasfil

Hello, Is there any way to make transitioner virtualized? So not all controls fire Loaded event at app startup?

Maybe negative margin? Margin="0,0,-15,0"

KHALED LAKEHAL

@KHALED-LAKEHAL

ComboBox not showing initial selected item when FlowDirection=RightToLeft

LTR Mode

RTL Mode

Jesper Hansen

@jespersh

@KHALED-LAKEHAL could you check if it loses its selection when switching between rtl/ltr at runtime?

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh
If ComboBox in start with ltr mode and switching to rtl in runtime we have

If ComboBox in start with rtl mode and switching to ltr in runtime we have

Jesper Hansen

@jespersh

@KHALED-LAKEHAL I think that xaml code here could be appropriate with a minimal working demo to track this down. And check if it does the same if you remove the mdix resources there

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh I use the Style="{x:Null}" but i have the same results

Jesper Hansen

@jespersh

@KHALED-LAKEHAL so it might be a problem with the underlying layout not refreshing correctly. Could you add a button that adds like... 10px to the width and see if that triggers a layout refresh?

I'd normally say "just call UpdateLayout" code-behind, but that might be unreliable

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh the width not changed but i tried the background change correctly

Jesper Hansen

@jespersh

@KHALED-LAKEHAL what width are you changing btw? I was thinking of this changing this outer grid/control:

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh the ComboBox Width ComboBox .Width = ComboBox .Width +10;

Jesper Hansen

@jespersh

@KHALED-LAKEHAL could you try outside like the box I showed? Or a bit further out. I'll trigger all the layout of all child controls

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh i use this code

StackPanel.Width = StackPanel.ActualWidth + 10;
  UpdateLayout();

the Width change but the initial select item not showing

Jesper Hansen

@jespersh

@KHALED-LAKEHAL I think if you're looking inside the live visual tree inspector, then it is probably showing, but the textblock inside the combobox is collapsed to 0 width?

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh the value showing textblock it's showing on ContentPresenter>Rectangle and width >0 and visibility is visible

KHALED LAKEHAL

@KHALED-LAKEHAL

@jespersh i think the problem in private void UpdateSelectionBoxItem()

in Microsoft ComboBox code source https://referencesource.microsoft.com/#PresentationFramework/src/Framework/System/windows/Controls/ComboBox.cs,667a7cd66ecbac16

Jesper Hansen

@jespersh

@KHALED-LAKEHAL alright. Give us a poke once you have a minimal demo github repo and we'll look into that guess

agnesinc

@agnesinc

Hi there, can someone help me in increasing the hint font of a material design text box?

agnesinc

@agnesinc

Can someone help me how to do it in template?

KHALED LAKEHAL

@KHALED-LAKEHAL

@agnesinc use materialDesign:HintAssist.FloatingScale property

agnesinc

@agnesinc

Ok, thank you. I figured it out later on after putting the question and it works perfectly. Thank you.

@KHALED-LAKEHAL I do have one more issue with the hint background color this time. I am looking to make it "transparent". The reason being, my form background is blue and the textbox or combo box background is light yellow. How can I keep the hint background consistent in both cases of focused and not focused. I hope you understand what I mean, otherwise I can explain more.

KHALED LAKEHAL

@KHALED-LAKEHAL

This message was deleted

Where communities thrive

People

Repo info

Activity