question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using MahApps IconPacks for BackstageTabItem's icon

See original GitHub issue

Not sure if this is an issue or just something i’m missing

I’m using both Fluent.Ribbon and MahApps IconPacks for a project I wan0t to use an element of IconPacks as the Icon for the backstage tabItems

Here’s a sample:

<Fluent:BackstageTabItem Header="Settings" Icon={iconPacks:Material kind=Settings}" />

But while the header text shows in white (expected) the icon shows IN black (unexpected)

Is there a way to make the Icon color match the text color? All examples i found use images rather then the IconsPack for these icons

Environment

  • Fluent.Ribbon v7.0.1
  • MahApps.Metro.IconPacks v.3.4.0
  • Windows 10 v1909
  • .NET Core 3.1

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:19 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
537mfbcommented, May 6, 2021

Hi @punker76 - thanks for the reply

Ok did a new test <Fluent:BackstageTabItem Header=“Settings” Icon=“{iconPacks:Material Kind=Cog}” Foreground=“{DynamicResource Fluent.Ribbon.Brushes.Backstage.Foreground}”>

this makes it work - even if i change the theme live tried changing from light blue to light yellow and back at the press of a button and the color correctly changed from black to white according to the theme

0reactions
kwon0408commented, Jul 1, 2022

<Fluent:BackstageTabItem Header=“Settings” Icon=“{iconPacks:Material Kind=Cog}” Foreground=“{DynamicResource Fluent.Ribbon.Brushes.Backstage.Foreground}”>

For whom reading this in future: As of now, this code makes tab content’s default foreground color overridden by the given value.

E.g. If Foreground is set to Red, any element in the tab having an unset Foreground property will be displayed in red color.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Use Iconpack as Image · Issue #39 · MahApps ...
Hi everyone I want to use some Icons if this Pack as Images, so everthink looks the same. But i don't know how...
Read more >
Icons and Resources - MahApps.Metro
Icons. MahApps.Metro can use the MahApps.Metro.IconPacks which contains controls to use these awesome icons in a simple way. <Window x:Class="IconPacksTest.
Read more >
Mahapps Metro Custom IconPack
To define your custom IconPack, you can just create a resource file, in which you will place the xaml of every icon you...
Read more >
Quick Start
Metro via the NuGet UI or with the Package Manager Console. ... MahApps build-in styles and themes ... IconPacks to get the cupcake...
Read more >
Adding MahApps Metro Icon Packs to .Net 6 Project - YouTube
In This Video, I'm demonstrating the following - * Login Layout using XAML WPF. * XAML UI Designing and Styling. * Adding MahApps...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found