How do I make color of my element equal to another element in WPF?

Question

0.00/5 (No votes)

See more:

Hello
I need to change the color of text in TextBlock equal to color of Rectangle in another part of the Grid.
With respect, any kindly Help please?

What I have tried:

XML

<TextBlock Grid.Row="0" Grid.Column="0" Text="Helllllo!" Foreground="{Binding Fill, ElementName=MyRectangle}">

XML

<Rectangle x:Name="MyRectangle" Fill="#FF1122AA" Width="100" Height="50">

Posted 1-Jan-24 0:38am

Sh.H.

Updated 1-Jan-24 22:43pm

v6

Add a Solution

Comments

[no name] 1-Jan-24 16:29pm

You're missing a closing "}" in your binding for one thing.

Sh.H. 2-Jan-24 4:22am

Thanks.
Edited.
I was a mistyping in here.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graeme_Grant · Answer 1 · 2024-01-05T01:08:00

Solution 2

If it is not working, then you need to point to the property using Path:

XML

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

    <TextBlock Foreground="{Binding ElementName=Rectangle, Path=Fill}"
               Text="MyText" />

    <Rectangle Name="Rectangle"
               Grid.Row="1"
               Fill="Red" />
</Grid>

Posted 5-Jan-24 1:08am

Graeme_Grant

Comments

Sh.H. 5-Jan-24 10:34am

@Graeme_Grant
Unfortunately doesn't work.

Graeme_Grant 5-Jan-24 17:12pm

Sorry? The code was tested before posting. Works 100%.

Sh.H. 5-Jan-24 17:36pm

@Graeme_Grant
Yes. I don't know why doesn't work on my system.
I wish I could send here a video of my screen, so you could see that it doesn't work here.

Graeme_Grant 5-Jan-24 17:49pm

Seriously? The code was tested before posting. Create a new project, copy and paste the code and run it. Here is a screenshot of it running, and code used: Wpf Bind To Control Color - Imagebin[^]

[no name] 4-Feb-24 20:40pm

The question pertains to the scenario where a TextBlock and a Rectangle are originally placed in different grids, The concern raised is regarding how these elements will interact, considering they are not initially part of the same visual tree.

Graeme_Grant 4-Feb-24 21:42pm

Actually, please carefully read the question again:

"I need to change the color of text in TextBlock equal to color of Rectangle in another part of the Grid."

This reads as the same Grid, not a different Grid.

What is not expressed is if the controls are in different UserControls or not. We cannot make that assumption unless explicitly expressed.

Graeme_Grant 4-Feb-24 21:45pm

Your vote of 1 is overly hash as the solution given works exactly as given for the scope of works in the question asked. Check the screenshot.

[no name] 4-Feb-24 21:56pm

I concur with your proposed solution, @Graeme_Grant. I've validated it myself. However, it appears that it didn't function as expected on the user's end. Therefore, I'm inclined to believe that this issue may arise only when both elements are not within the same visual tree. I haven't provided feedback on your solution directly, but rather highlighted the problem reported by the user.

Gerry Schmitz · Answer 2 · 2024-01-02T06:41:00

Solution 1

Your approach to coloring the rectangle appears to be wrong in the first place (HTML vs XAML). Use a static resource as illustrated here since you need the same color in more than one place anyway. (Otherwise you'd use a Rectangle.Fill "object" ).

https://stackoverflow.com/questions/1037477/how-can-i-define-and-use-a-variable-in-xaml-to-define-a-color[^]

Posted 2-Jan-24 6:41am

Gerry Schmitz

v2

Comments

Sh.H. 2-Jan-24 16:39pm

@Gerry Schmitz
Thanks. The color of Rectangle works fine. What I need is changing color of TextBlock base on the color of Rectangle.
The link you sent is not good answer.