Thumbnail image re-sizing

[Grimlock]

I've not be able to affect the scale of Thumbnail images (Favorite & Recent). Every property I manipulate results in cropping the image. I've been banging my head against the wall on this one for the past week. Not sure if its a bug, or I'm too much of a noob with xaml. I've scoured the forums and not been able to find a solution. 

@Jason Carr is this something hard coded in the software?

Any help would be super appreciated!!! 

 

[Retro808]

58 minutes ago, Grimlock said:

I've not be able to affect the scale of Thumbnail images (Favorite & Recent). Every property I manipulate results in cropping the image. I've been banging my head against the wall on this one for the past week. Not sure if its a bug, or I'm too much of a noob with xaml. I've scoured the forums and not been able to find a solution. 

@Jason Carr is this something hard coded in the software?

Any help would be super appreciated!!! 

 

What theme are you trying to edit this in?

[Grimlock]

I'm using the Default Theme. I've also tried editing other themes and still got the same results. 

[Retro808]

Well, the default theme itself can never be edited. It will always revert back to its stock code. This is to ensure there is always a working theme. It can be copied and renamed to something else then edited. That was the main thing I wanted to confirm. 

Editing in other theme's should work though. What specific view xaml are you editing? Perhaps also share the code you changed to, so we can have an idea what you are doing. 

[Grimlock]

Sorry, I should have clarified. I'm using a copy of the default theme. 

I've primarily been messing with PlatformWheel1FiltersView.xaml, adjusting the grid sizing. Since that would only crop the image , I thought maybe it was more upstream. I've also tried ThumbnailListView.xaml and ThumbnailGameView.xaml, and still no dice. I've tried so many things I'm not sure what code I would post. Ultimately everything I try, just ends up cropping the image.

Really appreciate the support.

[Rincewind]

@Grimlock have you tried the theme editor app, I am pretty sure you can add the fav and recent box size in there. I'm not at the computer to check but here's the link to try it out.

https://forums.launchbox-app.com/files/file/2115-community-theme-creator-for-bigbox/

 

[Grimlock]

13 minutes ago, Rincewind said:

@Grimlock have you tried the theme editor app, I am pretty sure you can add the fav and recent box size in there. I'm not at the computer to check but here's the link to try it out.

https://forums.launchbox-app.com/files/file/2115-community-theme-creator-for-bigbox/

 

I've experimented with this, but from my understanding you cannot bring in previously created themes?

[Rincewind]

That's right, it's used to create your own themes

[C-Beats]

I'm confused, what is the end goal? What are we trying to do? Make the entire image bigger or smaller or something else?

[Grimlock]

My end goal is to make the thumbnail images smaller, so they fit within the grid dimensions (Rather than cropping off the bottoms). 

 

[wallmachine]

2 hours ago, Grimlock said:

My end goal is to make the thumbnail images smaller, so they fit within the grid dimensions (Rather than cropping off the bottoms). 

 

<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:transitions="clr-namespace:Unbroken.LaunchBox.Windows.Transitions;assembly=Unbroken.LaunchBox.Windows"
	xmlns:coverFlow="clr-namespace:Unbroken.LaunchBox.Windows.Controls.CoverFlow;assembly=Unbroken.LaunchBox.Windows"
	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="ThumbnailListBoxItemStyle" TargetType="ListBoxItem">
			<Setter Property="FocusVisualStyle" Value="{x:Null}" />
			<!-- PADDING FOR FAVORITES & RECENT GAMES -->
			<Setter Property="Padding" Value="4, 4" />
			<!-- MARGIN FOR FAVORITES & RECENT GAMES -->
			<Setter Property="Margin" Value="0, 0, 36, 0" />
			<Setter Property="Background" Value="Transparent" />
			<Setter Property="BorderBrush" Value="Transparent" />
			<Setter Property="BorderThickness" Value="1" />
			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ListBoxItem}">
						<Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
						</Border>
						<ControlTemplate.Triggers>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsMouseOver" Value="True" />
								</MultiTrigger.Conditions>
								<Setter TargetName="Bd" Property="Background" Value="#1F3399FF" />
								<Setter TargetName="Bd" Property="BorderBrush" Value="#A83399FF" />
							</MultiTrigger>
							<!-- SELECTION COLOUR FOR FAVORITES & RECENT GAMES -->
							<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="ThumbnailListBoxStyle" TargetType="ListBox">
			<Setter Property="ItemContainerStyle" Value="{DynamicResource ThumbnailListBoxItemStyle}" />
			<Setter Property="BorderBrush" Value="Transparent" />
			<Setter Property="Background" Value="Transparent" />
			<Setter Property="Foreground" Value="White" />
			<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}" />
			<Setter Property="ItemsPanel">
				<Setter.Value>
					<ItemsPanelTemplate>
						<StackPanel Orientation="Horizontal" IsItemsHost="True" />
					</ItemsPanelTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>

	<Canvas Name="Canvas">
		<transitions:TransitionPresenter TransitionSelector="{Binding BackgroundTransitionSelector}" Content="{Binding BackgroundView}" Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}" IsContentVideo="true" />

		<Grid Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}">
			<Grid.Background>
				<SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" />
			</Grid.Background>

			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="42*" />
				<ColumnDefinition Width="4*" />
				<ColumnDefinition Width="92*" />
			</Grid.ColumnDefinitions>

			<coverFlow:FlowControl x:Name="FlowControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="0" CoverFactory="{Binding CoverFactory}" ImageType="Clear Logo" CurveAmount="4.5" CameraZPosition="3.0" VisibleCount="14" PageSize="6" Spacing="1.0" ItemZPosition="1.0" SelectedItemZPosition="2.0" />

			<Grid Grid.Column="2">
				<Grid.RowDefinitions>
					<RowDefinition Height="5*" />
					<RowDefinition Height="50*" />
					<RowDefinition Height="2*" />
					<RowDefinition Height="25*" />
					<RowDefinition Height="2*" />
					<RowDefinition Height="25*" />
					<RowDefinition Height="5*" />
				</Grid.RowDefinitions>

					<Grid Grid.Row="1">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="44*" />
							<ColumnDefinition Width="4*" />
							<ColumnDefinition Width="57*" />
							<ColumnDefinition Width="4*" />
						</Grid.ColumnDefinitions>

						<transitions:TransitionPresenter Grid.Column="0" TransitionSelector="{Binding ImageTransitionSelector}" Content="{Binding ImageView}" />
						<transitions:TransitionPresenter Grid.Column="2" TransitionSelector="{Binding DetailsTransitionSelector}" Content="{Binding DetailsView}" />
					</Grid>
				<!-- FAVORITE GAMES LIST -->
				<Viewbox Grid.Row="3">
					<transitions:TransitionPresenter TransitionSelector="{Binding TopBoxesTransitionSelector}" Content="{Binding TopBoxesView}" />
				</Viewbox>
				<!-- RECENT GAMES LIST -->
				<Viewbox Grid.Row="5">
					<transitions:TransitionPresenter TransitionSelector="{Binding BottomBoxesTransitionSelector}" Content="{Binding BottomBoxesView}" />
				</Viewbox>
			</Grid>
		</Grid>
	</Canvas>
</UserControl>

 

Edited December 20, 2019 by wallmachine

[Grimlock]

Thanks @wallmachine!

That approach worked, but it it also introduced another issue I never considered. It's now scaling to include the full list, no longer scrolling off the right side. 

Edited December 20, 2019 by Grimlock
Spelling

[wallmachine]

1 minute ago, Grimlock said:

Thanks @wallmachine!

That approach worked, but it it also introduced another issue I never considered. It's now scaling to include the full list, no longer scrolling of the right side. 

@C-Beats