Custom Badges in BigBox?

[stigzler]

I have a couple of custom badges (rommStarSynced.png and installingFromRomm.png) in a custom badge set ("Solid In Color) for a plugin I'm designing:

I manually set the badge set in BigBoxSettings.xml:

<?xml version="1.0" encoding="utf-8"?>
<LaunchBox>
  <BigBoxSettings>
    <BadgePack>Solid In Color</BadgePack>

The class that should show the rommStarSynced badge:

namespace RommStar.Core.Badges
{
    internal class RommSyncedBadge : IGameBadge
    {
        public string Name => "Synced with Romm";

        public string UniqueId => "rommStarSynced";

        public Image DefaultIcon => Properties.Resources.romm40pxOutlined;

        public int Index { get; set; } = 0;

        public bool GetAppliesToGame(IGame game)
        {
            // IGame default state for Installed is null, Romm Import process will set to either true or false
            // so we can use this to determine if the game has been processed by Romm and if has -
            // show romm icon in badge array.
            return game.GetAllCustomFields().Any(cf => cf.Name == "Romm_RomIds");
        }
    }
}

I thought this was how you were meant to line things up. However, the badge in question does not show in BigBox (despite the conditional in `GetAppliesToGame` should be returning true):

(on an aside, if i set a breakpoint on `GetAppliesToGame` in BigBox debug, it doesn't brake there)

It does, however, show in Launchbox (the purple badge at the end):

In fact, in launchbox it doesn't require a copy to be in the badge folder. I'm guessing it just gets it via `DefaultIcon` in `InstallingBadge : IGameBadge`

Any ideas?

[JoeViking245]

Big Box will not show Custom badges like they do in LaunchBox.  You need to modify the BB them file(s) to specifically show the specific badge(s).

[stigzler]

OK - with the help of @JoeViking245, figured you need to edit your theme's GameDetailsView.xaml in your BigBox theme. You need to add entries as per below:

                    <Border Background="#40131313" CornerRadius="4">
                        <Border.Style>
                            <Style TargetType="Border">
                                <Setter Property="Visibility" Value="Visible"/>
                                <Setter Property="Margin" Value="{Binding Converter={StaticResource ScaleConverter}, ConverterParameter='0,0,20,0'}"/>
                                <Style.Triggers>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding ElementName=SavedGame, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=SaveStates, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=Documents, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=Achievements, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=MAMEHighScores, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=MultipleDiscs, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=MultipleVersions, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=NotInstalled, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=Installed, Path=HasBadge}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=RommStarSynced, Path=HasBadge}" Value="False"/>										    
                                        </MultiDataTrigger.Conditions>
                                        <Setter Property="Visibility" Value="Collapsed"/>
                                    </MultiDataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Border.Style>
                        <StackPanel Margin="{Binding Converter={StaticResource ScaleConverter}, ConverterParameter='10,10'}" Orientation="Horizontal" Opacity="0.6">
                            <coverFlow:FlowBadge x:Name="SavedGame" DataContext="{Binding SelectedGame}" BadgeName="HasSavedGame" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="SaveStates" DataContext="{Binding SelectedGame}" BadgeName="HasSaveStates" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="Documents" DataContext="{Binding SelectedGame}" BadgeName="Documents" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="Achievements" DataContext="{Binding SelectedGame}" BadgeName="Achievements" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="MAMEHighScores" DataContext="{Binding SelectedGame}" BadgeName="MAME High Scores" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="MultipleDiscs" DataContext="{Binding SelectedGame}" BadgeName="Multiple Discs" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="MultipleVersions" DataContext="{Binding SelectedGame}" BadgeName="Multiple Versions" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="NotInstalled" DataContext="{Binding SelectedGame}" BadgeName="Not Installed" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                            <coverFlow:FlowBadge x:Name="Installed" DataContext="{Binding SelectedGame}" BadgeName="Installed" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
						    <coverFlow:FlowBadge x:Name="RommStarSynced" DataContext="{Binding SelectedGame}" BadgeName="rommStarSynced" Style="{StaticResource FlowBadgeVisibilityStyle}"/>
                        </StackPanel>
                    </Border>

Note the "RommStarSynced" entries at the end of <MultiDataTrigger.Conditions> and the <coverFlow:FlowBadge> entries. 

Note: use the UniqueId property in your IGameBadge class as the BadgeName.

If I figure out how to do this programatically at runtime, I will post an update. 

Note 2: I don't think you actually need a copy of the icon in the Badges folder. I think it's getting this image from DefaultIcon in the IGameBadge class

Edited 53 minutes ago by stigzler