Spiro9210

Hey RetroNi, I modded your XAML code for a little bit more flexibility. Instead of fixed Rowdefinition and Columndefinition sizes, I converted all your grids to ratios. I also cleaned up the code a bit by nesting Grids instead of a single complex main Grid. The edited code below is taken from the Arcade pause screen XAML. I haven't done much XAML. I was a HTML guy before I gave up web design, so there might be mistakes in the code. I tested it on my system, so it works well on my end at different resolutions and scaling. Hope it works well for you so others with 4K screens can benefit. Cheers. <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:gif="clr-namespace:WpfAnimatedGif;assembly=Unbroken.LaunchBox.Wpf" xmlns:controls="clr-namespace:Unbroken.LaunchBox.Wpf.Controls;assembly=Unbroken.LaunchBox.Wpf" xmlns:transitions="clr-namespace:Unbroken.LaunchBox.Windows.Transitions;assembly=Unbroken.LaunchBox.Windows" xmlns:sys="clr-namespace:System;assembly=mscorlib" mc:Ignorable="d" d:DesignHeight="562" d:DesignWidth="1000" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" FocusVisualStyle="{x:Null}" BorderThickness="0" Margin="0" Padding="0" Background="#000"> <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="#FF0000" /> <Setter TargetName="Bd" Property="BorderBrush" Value="#FF0000" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="False" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter TargetName="Bd" Property="Background" Value="Transparent" /> <Setter TargetName="Bd" Property="BorderBrush" Value="Transparent" /> <Setter Property="Foreground" Value="Red" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="True" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter TargetName="Bd" Property="Background" Value="#FF0000" /> <Setter TargetName="Bd" Property="BorderBrush" Value="#FF0000" /> </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="GhostWhite"></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> <!-- VIEW START --> <Canvas Name="Canvas"> <!-- BACKGROUND --> <Image Source="{Binding BackgroundImagePath}" Stretch="UniformToFill" RenderOptions.BitmapScalingMode="HighQuality" Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}" > <Image.Effect> <BlurEffect Radius="5"/> </Image.Effect> </Image> <!-- PLATFORM LOGO --> <TextBlock x:Name="LogoFileName" Visibility="Collapsed"> <TextBlock.Text> <MultiBinding StringFormat="{}pack://siteoforigin:,,,/PauseThemes/Unified/Images/Logo/{0}.png"> <Binding Path="NonPlaylistNonCategoryPlatformTitle" /> </MultiBinding> </TextBlock.Text> </TextBlock> <Image x:Name="LogoImage" Source="{Binding Text, ElementName=LogoFileName, FallbackValue='pack://siteoforigin:,,,/Themes/Unified/Images/Theme/Logo/_Default.png'}" Panel.ZIndex="1" Stretch="UniformToFill" RenderOptions.BitmapScalingMode="HighQuality" Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}" /> <!-- MAIN GRID --> <Grid Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}"> <Grid.Background> <SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" /> </Grid.Background> <Grid.RowDefinitions> <RowDefinition Height="25*" /> <RowDefinition Height="67*" /> <RowDefinition Height="8*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="100*" /> </Grid.ColumnDefinitions> <!-- HEADER GRID--> <Grid Grid.Row="0" Grid.Column="0"> <Grid.RowDefinitions> <RowDefinition Height="20*" /> <RowDefinition Height="80*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="23*" /> <ColumnDefinition Width="47*" /> <ColumnDefinition Width="4*" /> <ColumnDefinition Width="26*" /> </Grid.ColumnDefinitions> <!-- UPPER GLASSBAR --> <Viewbox Grid.Row="0" Grid.Column="2" Grid.ColumnSpan="2" Stretch="UniformToFill" > <Polygon x:Name="UpperGlassBar" Points="0,0 45,55 2000,55 2000,0" Stroke="Black" StrokeThickness="0" Fill="Black" Opacity="0.5"> <Polygon.RenderTransform> <TransformGroup> <ScaleTransform/> <SkewTransform/> <RotateTransform/> <TranslateTransform/> </TransformGroup> </Polygon.RenderTransform> </Polygon> </Viewbox> <!-- DATE AND TIME --> <Viewbox Grid.Row="0" Grid.Column="3" Margin="0,0,0,0" > <DockPanel Height="55" Width="385" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" > <TextBlock Text="{Binding Source={x:Static sys:DateTime.Today}, StringFormat='{}{0:MMMM dd, yyyy}'}" FontFamily="Bebas Neue" FontSize="40" Foreground="Yellow" HorizontalAlignment="Right" VerticalAlignment="Center" DockPanel.Dock="Right" > <TextBlock Text=" " FontFamily="Bebas Neue" FontSize="37" HorizontalAlignment="Right" VerticalAlignment="Center" DockPanel.Dock="Right" /> <TextBlock Text="{Binding CurrentTime}" FontFamily="Bebas Neue" FontWeight="Bold" FontSize="40" Foreground="Crimson" HorizontalAlignment="Right" VerticalAlignment="Center" DockPanel.Dock="Right" /> </TextBlock> </DockPanel> </Viewbox> </Grid> <!-- MIDDLE GRID--> <Grid Grid.Row="1" Grid.Column="0" Grid.RowSpan="1"> <Grid.RowDefinitions> <RowDefinition Height="6*" /> <RowDefinition Height="88*" /> <RowDefinition Height="6*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="11*" /> <ColumnDefinition Width="25*" /> <ColumnDefinition Width="11*" /> <ColumnDefinition Width="42*" /> <ColumnDefinition Width="11*" /> </Grid.ColumnDefinitions> <!-- SIDE MENU GRID--> <Grid Grid.Row="1" Grid.Column="1"> <Grid.RowDefinitions> <RowDefinition Height="5*" /> <RowDefinition Height="20*" /> <RowDefinition Height="3*" /> <RowDefinition Height="66*" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="100*" /> </Grid.ColumnDefinitions> <!-- MENU BACKGROUND --> <Border Grid.Row="0" Grid.Column="0" Grid.RowSpan="5" CornerRadius="58" Background="Black" Opacity="0.5" /> <!-- CLEAR LOGO --> <Image Grid.Row="1" Grid.Column="0" Source="{Binding SelectedGame.ClearLogoImagePath}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="35,0,35,0" Stretch="Uniform" RenderOptions.BitmapScalingMode="HighQuality"> <Image.Effect> <DropShadowEffect BlurRadius="10" Direction="-90" RenderingBias="Quality" ShadowDepth="1" /> </Image.Effect> </Image> <!-- MENU LISTBOX --> <ListBox Name="Items" Grid.Row="3" Grid.Column="0" Style="{StaticResource ListBoxStyle}" VerticalAlignment="stretch" HorizontalAlignment="Center" > <ListBox.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding Path=Text}" Panel.ZIndex="6" HorizontalAlignment="Center" FontSize="28" FontFamily="Bebas Neue" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox> </Grid> <!-- CONTROLLER GRID --> <Grid Grid.Row="1" Grid.Column="3"> <Grid.RowDefinitions> <RowDefinition Height="2*" /> <RowDefinition Height="95*" /> <RowDefinition Height="3*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="3*" /> <ColumnDefinition Width="95*" /> <ColumnDefinition Width="2*" /> </Grid.ColumnDefinitions> <!-- CONTROLLER BACKGROUND --> <Border Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" Grid.ColumnSpan="3" CornerRadius="58" Background="Black" Opacity="0.5" /> <!-- CONTROLLER --> <TextBlock x:Name="ControllerFileName" Visibility="Collapsed"> <TextBlock.Text> <MultiBinding StringFormat="{}pack://siteoforigin:,,,/PauseThemes/Unified/Images/Controller/{0}.png"> <Binding Path="NonPlaylistNonCategoryPlatformTitle" /> </MultiBinding> </TextBlock.Text> </TextBlock> <Image Grid.Row="1" Grid.Column="1" Source="{Binding Text, ElementName=ControllerFileName, FallbackValue='pack://siteoforigin:,,,/PauseThemes/Unified/Images/Controller/_Default.png'}" VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="Uniform" RenderOptions.BitmapScalingMode="HighQuality"/> </Grid> </Grid> <!-- BOTTOM GRID--> <Grid Grid.Row="2" Grid.Column="0"> <Grid.RowDefinitions> <RowDefinition Height="3*" /> <RowDefinition Height="60*" /> <RowDefinition Height="37*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="3*" /> <ColumnDefinition Width="90*" /> <ColumnDefinition Width="4*" /> <ColumnDefinition Width="3*" /> </Grid.ColumnDefinitions> <!-- LOWER GLASSBAR --> <Border Grid.Row="0" Grid.RowSpan="3" Grid.Column="0" Grid.ColumnSpan="4" Background="Black" Opacity="0.5" /> <!-- LOADING TITLE --> <TextBlock x:Name="Title" Grid.Row="1" Grid.Column="1" Text="Paused: " FontFamily="Bebas Neue" FontSize="32" Foreground="Red" VerticalAlignment="Center" HorizontalAlignment="Left"> <TextBlock Text="{Binding SelectedGame.Title}" FontFamily="Bebas Neue" FontSize="30" Foreground="Yellow" VerticalAlignment="Center" HorizontalAlignment="Left"/> </TextBlock> <!-- PAUSE GIF --> <Image gif:ImageBehavior.AnimatedSource="{}pack://siteoforigin:,,,/PauseThemes/Unified/Images/Gifs/Pause.gif" Grid.Row="1" Grid.RowSpan="1" Grid.Column="2" Grid.ColumnSpan="1" VerticalAlignment="Center" HorizontalAlignment="Right" Stretch="Uniform" RenderTransformOrigin="0,0"> </Image> </Grid> </Grid> </Canvas> </UserControl>

RetroNi thanks for the Pause screen, but there is an issue. The pause menu is bigger than the screen. I'm running 4k on a UHD TV with the recommended 300% scale and layout. I changed the scale and layout and it's a little better, but it's still looks off considering the scale of the side panel. I can't leave the computer at that scale since everything is tiny. Any solution to this? Thanks Edit: I have been looking at the XAML code and it seems your rowdefinitions and column definition will only work for a 1080p screen with the scale and layout set to 100%. I am not that good in XAML, but I think you need to change those numbers to ratios e.g <RowDefinition Height=".5*" />

Hey RetroHumanoid, I made some more changes to your theme if you don't mind. ? "Mark as completed" button now works. ? It will show you a Completed icon right next to the Favorites icon. I also included custom gold icons for both Mark as completed and Favorites. See the red circle in the picture below. If anyone is interested in this mod, you will need to edit the xml files "TextGamesView.xaml" and "Wheel2GamesView.xaml" located in "Unified Refried/views" folder with the code below. Note: "Wheel2GamesView.xaml" is my preferred view of choice, but you can edit the file for your preferred view. Open both XML files listed above in Notepad (Use Notepad++ if you have it) and search for "<!-- FAVORITE ICONS -->" without the quotation marks. Highlight the section for <!-- FAVORITE ICONS --> and replace with the code below and save. You can use the icons I have attached below or just make your own. Just make sure the .PNG file is named as written in the code below and place them in "Images/Theme/Favorite Icons" folder. <!-- FAVORITE ICONS --> <Image Source="pack://siteoforigin:,,,/Themes/Unified Refried/Images/Theme/Favorite Icons/favorite.png" DockPanel.Dock="Left" RenderOptions.BitmapScalingMode="HighQuality" HorizontalAlignment="left" VerticalAlignment="Center" Grid.Row="1" Panel.ZIndex="101" Margin="0,2,15,2"> <Image.Style> <Style TargetType="Image"> <Setter Property="Visibility" Value="Collapsed" /> <Style.Triggers> <DataTrigger Binding="{Binding ActiveGame.Favorite}" Value="True"> <Setter Property="Visibility" Value="Visible" /> </DataTrigger> <DataTrigger Binding="{Binding ActiveGame.Favorite}" Value="False"> <Setter Property="Visibility" Value="Collapsed" /> </DataTrigger> </Style.Triggers> </Style> </Image.Style> </Image> <!-- COMPLETED ICONS --> <Image Source="pack://siteoforigin:,,,/Themes/Unified Refried/Images/Theme/Favorite Icons/completed.png" DockPanel.Dock="Left" RenderOptions.BitmapScalingMode="HighQuality" HorizontalAlignment="left" VerticalAlignment="Center" Grid.Row="1" Panel.ZIndex="101"> <Image.Style> <Style TargetType="Image"> <Setter Property="Visibility" Value="Collapsed" /> <Style.Triggers> <DataTrigger Binding="{Binding SelectedGame.Completed}" Value="True"> <Setter Property="Visibility" Value="Visible" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.Completed}" Value="False"> <Setter Property="Visibility" Value="Collapsed" /> </DataTrigger> </Style.Triggers> </Style> </Image.Style> </Image> Favorite Icons.zip

Btw RetroHumanoid, I need your help. Is it possible to add Mark as completed icon to the game details screen? It doesn't seem to be included in your theme. Is there anyway we can edit the files to include it? ? This will make the theme perfect for me. If anyone wants to know, I figured this one out by locking Bigbox with a pin and making sure to change the options in "Security" screen under option. And also, can you show me how to remove "Add to playlist" (circled above) from the game menu screen? Any help will be greatly appreciated.

Hello I made modifications to the theme. I hope you don't mind. If anyone is interested, I have attached the files below. Background.png and Mainborder.png go inside the Themes>Unified refried>images>theme>mainmenu folder. Keep in mind, I am using the platform view. Also, I had to edit the "Platformwheel3filtersview.xaml" file in the Themes>Unified refried>views folder and change the margin from "30,-265,30,0" to "30,-170,30,0" for the horizontal scrolling notes to be aligned properly on my TV; yours might be different. (See code below) <!-- HORIZONTAL SCROLLING NOTES --> <Viewbox x:Name="ScrollingNotes" Grid.Row="0" Grid.ColumnSpan="5" Margin="30,-170,30,0" Panel.ZIndex="14" > I also had to change Opacity in the following code from "0.5" to "0" to remove the transparent black bar from the bottom of the screen. (See code below) <!-- LOWER GLASSBAR --> <Border x:Name="LowerGlassBar" Grid.Row="7" Grid.Column="0" Grid.ColumnSpan="7" Background="Black" Opacity="0" Panel.ZIndex="15" SnapsToDevicePixels="True" > MainMenu.zip