WPF: Change Tab Header Font Color When Button is Pressed

Question

I am working on a program that has multiple tabs, each tab containing multiple buttons that when clicked execute a SQL call in a BackgroundWorker object. Once a button has been clicked the other buttons are disabled as long as the SQL process is working

Because some of these SQL calls can take upwards of an hour I am using the BackgroundWorker so that the GUI still responds to user input (i.e., changing tabs) but the buttons are disabled until the current SQL process has completed.

One of the feature requests is to change the color of the currently selected tab's header font to green (normally black) to indicate that one of the buttons from this tab is the one that started the currently running SQL. Once the SQL is complete the font color should return to black.

Is it possible to do this with a style/datatrigger? I cannot think of a way to apply a style to the currently selected tab once the button is pressed and then maintain that coloring if I switch tabs while the background worker is still working.

My other thought on this would be a method that changes the tab header font color via code whenever I click a button and then change it back once the background worker has completed but this would require updating all the ButtonClicked() methods.

I am open to any other solutions as well.

I know about the async/await feature but cannot change the code that executes the SQL using BackgroundWorker, so please no suggestions to use async/await.

Answer 1

Something like this should be what you want:

<TabControl ItemsSource="{Binding Tabs}">

    <TabControl.ItemTemplate>
        <DataTemplate>

            <TextBlock Text="{Binding TabHeader}">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">

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

                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsWorking}" Value="True">

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

                            </DataTrigger>
                        </Style.Triggers>

                    </Style>
                </TextBlock.Style>
            </TextBlock>

        </DataTemplate>
    </TabControl.ItemTemplate>

</TabControl>

Where the view model of each item in the Tabs collection would look something like:

public class TabViewModel
{
    public string TabHeader { get; set; }
    public bool IsWorking { get; set; }
}

Obviously, the view model should implement notify property changed.