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

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.

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

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

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

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us