Jump to content
LaunchBox Community Forums
Jason Carr

Major Theming Changes for Big Box 9.4

Recommended Posts

11 minutes ago, faeran said:

Hi @Jason Carr. Does Beta 9 also include the HelperControl integration?

It does indeed. Let me know if you see any issues with it. :)

  • Like 1

Share this post


Link to post
Share on other sites

this broke my new theme that uses.

TextGamesView.xaml
TextListView.xaml

ListBoxStyle.xaml
ListBoxItemStyle.xaml

Edited by wallmachine

Share this post


Link to post
Share on other sites

@wallmachine Try removing the 9.4.5.txt file in the theme folder; it could be a relic from a previous beta. If that doesn't work, I'll need you to send me the theme so I can figure out what's wrong, along with details as to what's happening.

Share this post


Link to post
Share on other sites
1 hour ago, Jason Carr said:

@wallmachine Try removing the 9.4.5.txt file in the theme folder; it could be a relic from a previous beta. If that doesn't work, I'll need you to send me the theme so I can figure out what's wrong, along with details as to what's happening.

Ah one thing thats not working as before is the text have a look at the image, any idea? the dots ... don't seem to be consistent. and now go to the edge of the grid.

image.thumb.png.e4ff5c23232a446b51bfead31165f409.png

I manually transferred everything to your new way... but i'm confused how do we Style things now?

Do we just copy the following into each view? for example I copied it into the TextGamesView.xaml and made the changes. However if I change the x:Key to say x:Key="GameListBoxItemStyle" and x:Key="GameListBoxStyle" it stops working not sure why because no Styles folder exists unless this view is hard coded into BigBox and this <transitions:TransitionPresenter TransitionSelector="{Binding ListTransitionSelector}" Content="{Binding ListView}" /> looks for the x:Key="ListBoxItemStyle" and x:Key="ListBoxStyle"? I don't know if I'm making any sense.

    <UserControl.Resources>
        <Style x:Key="ListBoxItemStyle" TargetType="ListBoxItem">
            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}" />
            <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBoxItem}">
                        <Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1"
						Padding="0" SnapsToDevicePixels="True">
                            <ContentPresenter HorizontalAlignment="Stretch"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Content="{TemplateBinding Content}"
                            ContentStringFormat="{TemplateBinding ContentStringFormat}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            SnapsToDevicePixels="True" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsMouseOver" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter TargetName="Bd" Property="Background" Value="#5F3399FF" />
                                <Setter TargetName="Bd" Property="BorderBrush" Value="#5F3399FF" />
                            </MultiTrigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Selector.IsSelectionActive" Value="False" />
                                    <Condition Property="IsSelected" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter TargetName="Bd" Property="Background" Value="#FF3399FF" />
                                <Setter TargetName="Bd" Property="BorderBrush" Value="#FF3399FF" />
                            </MultiTrigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Selector.IsSelectionActive" Value="True" />
                                    <Condition Property="IsSelected" Value="True" />
                                </MultiTrigger.Conditions>
                                <Setter TargetName="Bd" Property="Background" Value="#FF3399FF" />
                                <Setter TargetName="Bd" Property="BorderBrush" Value="#FF3399FF" />
                            </MultiTrigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="ListBoxStyle" TargetType="ListBox">
            <Setter Property="ItemContainerStyle" Value="{DynamicResource ListBoxItemStyle}"></Setter>
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Foreground" Value="White"></Setter>
            <Setter Property="FontFamily" Value="Calibri" />
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="Margin" Value="0" />
            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        </Style>
    </UserControl.Resources>

 

Edited by wallmachine

Share this post


Link to post
Share on other sites

@wallmachine Ah, I see. I didn't realize you had manually moved things. Unfortunately it looks like you got caught in the crossfire of confusion while I figured this stuff out (sorry for that). As it turns out, we ended up keeping the styles files, just manually referencing them. See here:

So you can keep your styles files (or add them back) and just manually reference them like I do in the above post. My guess as to what's going on with the above is that somehow there are styles that are somehow not being applied.

Share this post


Link to post
Share on other sites
8 minutes ago, Jason Carr said:

@wallmachine Ah, I see. I didn't realize you had manually moved things. Unfortunately it looks like you got caught in the crossfire of confusion while I figured this stuff out (sorry for that). As it turns out, we ended up keeping the styles files, just manually referencing them. See here:

So you can keep your styles files (or add them back) and just manually reference them like I do in the above post. My guess as to what's going on with the above is that somehow there are styles that are somehow not being applied.

I had to manually change it after the latest beta, with the latest beta there is no Styles folder in the 'Default' theme folder.

Specific fonts do not work correctly if they are in the Styles folder or manually referenced but if the Styles code is put into the Game/Platform views file it works.

Regarding the ... it just doesn't work.

Edited by wallmachine

Share this post


Link to post
Share on other sites

@wallmachine The latest betas actually *stopped* removing the Styles files and folder. It must've happened from a previous beta. Unfortunately I'm guessing you're left with a version of the theme that didn't migrate properly. Do you have a backup of it anywhere?

Share this post


Link to post
Share on other sites
1 minute ago, Jason Carr said:

@wallmachine The latest betas actually *stopped* removing the Styles files and folder. It must've happened from a previous beta. Unfortunately I'm guessing you're left with a version of the theme that didn't migrate properly. Do you have a backup of it anywhere?

No I don't have a backup...

I ignored all previous updates and just downloaded 9.4-beta-11 today.
 

image.thumb.png.55fb7f6bb2f46e4d0cf778516ca672b4.png

Share this post


Link to post
Share on other sites
12 minutes ago, wallmachine said:

No I don't have a backup...

I ignored all previous updates and just downloaded 9.4-beta-11 today.
 

image.thumb.png.55fb7f6bb2f46e4d0cf778516ca672b4.png

You may have ignored a majority of the betas, but unless I'm completely missing something, a previous 9.4 beta other than beta 10 or 11 removed the Styles folder. As best I can tell, beta 10 and 11 cannot do that. I tested over 70 themes, so I'm very sure of that.

Regardless, without a backup, we're in the same boat anyways. The code should all be there in the views files, but the theme was unfortunately left in a semi-invalid state from a previous beta. I'm very sorry for the trouble there; I never recommend using betas without backups (especially when developing themes), but I understand how it would be easy to end up in this situation.

As far as the actual problem, I'm guessing some styles just aren't being applied properly, but I don't have the code. If you want to send me the theme I'll take a look to see if I can figure it out.

Share this post


Link to post
Share on other sites
2 hours ago, Jason Carr said:

Oh wait, or did you manually remove the Styles folder @wallmachine?

@Jason Carr sent you the theme.

no i didn't delete the Styles folder.

nor did I delete the Styles folder from the Default theme folder, test example deleting the Default theme folder and launching bigbox then recreates the Default theme folder however does not recreate the Styles folder.

Edited by wallmachine

Share this post


Link to post
Share on other sites
1 hour ago, wallmachine said:

@Jason Carr sent you the theme.

no i didn't delete the Styles folder.

nor did I delete the Styles folder from the Default theme folder, test example deleting the Default theme folder and launching bigbox then recreates the Default theme folder however does not recreate the Styles folder.

Yes, the default theme no longer has the Styles folder. That's unrelated to the other themes. Styles folders are not being deleted in beta 11. I will review your theme, but it might take me a few days.

Share this post


Link to post
Share on other sites

Hello.

I'm currently using FutureState Neon Deluxe on my Arcade Cabinet. Do you mean that if @Mr. RetroLust doesn't make an update, his theme will be unusable on future versions of LaunchBox ? :(

Share this post


Link to post
Share on other sites
Just now, adu said:

Hello.

I'm currently using FutureState Neon Deluxe on my Arcade Cabinet. Do you mean that if @Mr. RetroLust doesn't make an update, his theme will be unusable on future versions of LaunchBox ? :(

It's working fine here in the Beta realm! :)

  • Game On 1

Share this post


Link to post
Share on other sites
Just now, Mr. RetroLust said:

It's working fine here in the Beta realm! :)

aahhhhh great news !!!! And thanks for your awesome theme by the way ;)

  • Game On 1

Share this post


Link to post
Share on other sites
Just now, adu said:

aahhhhh great news !!!! And thanks for your awesome theme by the way ;)

Thanks bro glad you enjoy :)

  • Thanks 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×