Do you have a solution which makes Foreground works like Background?

Do you have a solution which makes Foreground works like Background?

3

Please run following code and put mouse cursor on TextBlock in order to see what following code is doing.

<Window x:Class="MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525">

<Grid>

    <TextBlock Foreground="Blue" Text="www.google.com" Height="20" Width="100">

        <TextBlock.Style>

            <Style>

                <Style.Triggers>

                    <Trigger Property="TextBlock.IsMouseOver" Value="True">

                        <Setter Property="TextBlock.Background" Value="Red"/>

                    </Trigger>

                </Style.Triggers>

            </Style>

        </TextBlock.Style>

    </TextBlock>

</Grid>

</Window>

Then replace above code from

<Setter Property="TextBlock.Background" Value="Red"/>

to

<Setter Property="TextBlock.Foreground" Value="Red"/>

and see that Foreground is not working.

Do you have a solution which makes Foreground works like Background?

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

add a comment |

3

Please run following code and put mouse cursor on TextBlock in order to see what following code is doing.

<Window x:Class="MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525">

<Grid>

    <TextBlock Foreground="Blue" Text="www.google.com" Height="20" Width="100">

        <TextBlock.Style>

            <Style>

                <Style.Triggers>

                    <Trigger Property="TextBlock.IsMouseOver" Value="True">

                        <Setter Property="TextBlock.Background" Value="Red"/>

                    </Trigger>

                </Style.Triggers>

            </Style>

        </TextBlock.Style>

    </TextBlock>

</Grid>

</Window>

Then replace above code from

<Setter Property="TextBlock.Background" Value="Red"/>

to

<Setter Property="TextBlock.Foreground" Value="Red"/>

and see that Foreground is not working.

Do you have a solution which makes Foreground works like Background?

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

add a comment |

3

3

3

Please run following code and put mouse cursor on TextBlock in order to see what following code is doing.

<Window x:Class="MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525">

<Grid>

    <TextBlock Foreground="Blue" Text="www.google.com" Height="20" Width="100">

        <TextBlock.Style>

            <Style>

                <Style.Triggers>

                    <Trigger Property="TextBlock.IsMouseOver" Value="True">

                        <Setter Property="TextBlock.Background" Value="Red"/>

                    </Trigger>

                </Style.Triggers>

            </Style>

        </TextBlock.Style>

    </TextBlock>

</Grid>

</Window>

Then replace above code from

<Setter Property="TextBlock.Background" Value="Red"/>

to

<Setter Property="TextBlock.Foreground" Value="Red"/>

and see that Foreground is not working.

Do you have a solution which makes Foreground works like Background?

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

Please run following code and put mouse cursor on TextBlock in order to see what following code is doing.

<Window x:Class="MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525">

<Grid>

    <TextBlock Foreground="Blue" Text="www.google.com" Height="20" Width="100">

        <TextBlock.Style>

            <Style>

                <Style.Triggers>

                    <Trigger Property="TextBlock.IsMouseOver" Value="True">

                        <Setter Property="TextBlock.Background" Value="Red"/>

                    </Trigger>

                </Style.Triggers>

            </Style>

        </TextBlock.Style>

    </TextBlock>

</Grid>

</Window>

Then replace above code from

<Setter Property="TextBlock.Background" Value="Red"/>

to

<Setter Property="TextBlock.Foreground" Value="Red"/>

and see that Foreground is not working.

Do you have a solution which makes Foreground works like Background?

c# wpf vb.net xaml

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

edited Nov 14 '18 at 4:00

edited Nov 14 '18 at 4:00

edited Nov 14 '18 at 4:00

asked Nov 14 '18 at 3:53

Kramer

184

asked Nov 14 '18 at 3:53

Kramer

184

asked Nov 14 '18 at 3:53

Kramer

184

184

add a comment |

add a comment |

1 Answer
1

active

oldest

votes

4

The reason it is not working is that you set Foreground="Blue" explicitly on your TextBlock. This will override any value from style triggers. Change your XAML like this:

<TextBlock Text="www.google.com" Height="20" Width="100">

    <TextBlock.Style>

        <Style TargetType="TextBlock">

            <Setter Property="Foreground" Value="Blue"/>

            <Style.Triggers>

                <Trigger Property="IsMouseOver" Value="True">

                    <Setter Property="Foreground" Value="Red"/>

                </Trigger>

            </Style.Triggers>

        </Style>

    </TextBlock.Style>

</TextBlock>

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53292965%2fdo-you-have-a-solution-which-makes-foreground-works-like-background%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

active

oldest

votes

active

oldest

votes

4

The reason it is not working is that you set Foreground="Blue" explicitly on your TextBlock. This will override any value from style triggers. Change your XAML like this:

<TextBlock Text="www.google.com" Height="20" Width="100">

    <TextBlock.Style>

        <Style TargetType="TextBlock">

            <Setter Property="Foreground" Value="Blue"/>

            <Style.Triggers>

                <Trigger Property="IsMouseOver" Value="True">

                    <Setter Property="Foreground" Value="Red"/>

                </Trigger>

            </Style.Triggers>

        </Style>

    </TextBlock.Style>

</TextBlock>

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

add a comment |

4

The reason it is not working is that you set Foreground="Blue" explicitly on your TextBlock. This will override any value from style triggers. Change your XAML like this:

<TextBlock Text="www.google.com" Height="20" Width="100">

    <TextBlock.Style>

        <Style TargetType="TextBlock">

            <Setter Property="Foreground" Value="Blue"/>

            <Style.Triggers>

                <Trigger Property="IsMouseOver" Value="True">

                    <Setter Property="Foreground" Value="Red"/>

                </Trigger>

            </Style.Triggers>

        </Style>

    </TextBlock.Style>

</TextBlock>

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

add a comment |

4

4

4

The reason it is not working is that you set Foreground="Blue" explicitly on your TextBlock. This will override any value from style triggers. Change your XAML like this:

<TextBlock Text="www.google.com" Height="20" Width="100">

    <TextBlock.Style>

        <Style TargetType="TextBlock">

            <Setter Property="Foreground" Value="Blue"/>

            <Style.Triggers>

                <Trigger Property="IsMouseOver" Value="True">

                    <Setter Property="Foreground" Value="Red"/>

                </Trigger>

            </Style.Triggers>

        </Style>

    </TextBlock.Style>

</TextBlock>

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

The reason it is not working is that you set Foreground="Blue" explicitly on your TextBlock. This will override any value from style triggers. Change your XAML like this:

<TextBlock Text="www.google.com" Height="20" Width="100">

    <TextBlock.Style>

        <Style TargetType="TextBlock">

            <Setter Property="Foreground" Value="Blue"/>

            <Style.Triggers>

                <Trigger Property="IsMouseOver" Value="True">

                    <Setter Property="Foreground" Value="Red"/>

                </Trigger>

            </Style.Triggers>

        </Style>

    </TextBlock.Style>

</TextBlock>

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

answered Nov 14 '18 at 4:09

vasily.sib

2,0791919

2,0791919

add a comment |

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53292965%2fdo-you-have-a-solution-which-makes-foreground-works-like-background%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

This page is only for reference, If you need detailed information, please check here