Wrong sized marquee

[Mr.Miguardi]

I'm trying to set up my custom made NES marquee in Big Box, standard marquee from the scraper seems to work good but my image (1920*809px) are showed with a wrong horizontal scale, appearing shorter than it is
my second monitor is a 21:9 monitor but run ad 1920*1080 since for some reason i can't set any ultrawide res.

Tryed to modify the xaml file with no luck... the "fill" stretch fix the image but keep deforming all the other pics downloaded from the scraper.
As you can seen in the pics Image are showed good in Windows, and appear ok inside LB/BB but appear deformed in the marquee.

Actually this is my code... any idea?
I'm trying to aling the grid but the problem to be elsewhere.

<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"
             mc:Ignorable="d"
             d:DesignHeight="1080"
             d:DesignWidth="1920"
             HorizontalAlignment="Stretch"
             VerticalAlignment="Center"
             FocusVisualStyle="{x:Null}"
             BorderThickness="0"
             Margin="0"
             Padding="0"
             Background="#000">
	<!-- GRID DEFINITIONS -->						   
	<Grid ShowGridLines="True">
			
			<Grid.ColumnDefinitions>                       
				<ColumnDefinition Width="1920" /> 
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="180" />
				<RowDefinition Height="180" />
				<RowDefinition Height="180" />
			</Grid.RowDefinitions>
				   				   
			<!-- GAME MARQUEE -->   
		<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Grid.RowSpan="3" Grid.Row="0" Grid.Column="0" Stretch="uniform" HorizontalAlignment="Stretch" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality" />
	</Grid>
	
</UserControl>

 

Edited April 22, 2022 by Mr.Miguardi

[C-Beats]

If you're just displaying a marquee and no supporting/fallback images like your example shows just drop the grid entirely. Use the Image as the root element. Set Stretch="Uniform" and StretchDirection="Both" and leave the other options where they are and it should work out for you.

[Mr.Miguardi]

11 minutes ago, C-Beats said:

If you're just displaying a marquee and no supporting/fallback images like your example shows just drop the grid entirely. Use the Image as the root element. Set Stretch="Uniform" and StretchDirection="Both" and leave the other options where they are and it should work out for you.

Thx for the fast reply C-Beats, just tried but nothing changed, some image appear shorter and with wrong hor. scaling like in the pics. you can see the real image ratio in the main screen.
This appear with my custom image and with some random NES marquee from this site.

Edited April 22, 2022 by Mr.Miguardi

[faeran]

Couple things I noticed. You don't need any of those Rows or Column Definitions, but you can leave the grid, and you forgot to capitalize "Uniform" within your stretch property (not sure if it matters, but worth a shot).

[C-Beats]

It still happen if you stick both Horizontal and Vertical alignments to Center?

[Mr.Miguardi]

My actual code, nothing changed some image ave the wrong aspect ratio

I'm using Unified Theme but even with default theme the problem remain, seems some sort of bug recognizing img size.
Marquee are in png tryied converting in Jpeg but same esult.

<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"
             mc:Ignorable="d"
             d:DesignHeight="1080"
             d:DesignWidth="1920"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
             FocusVisualStyle="{x:Null}"
             BorderThickness="0"
             Margin="0"
             Padding="0"
             Background="#000">
	 
		  
		<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality" />
	
</UserControl>

 

Edited April 22, 2022 by Mr.Miguardi

[C-Beats]

What type of monitor is your marquee? I know we have marquee options to help with various screen types in Big Box for monitors who's physical dimensions don't match the logical ones (which you see a LOT on cut monitors)

[Mr.Miguardi]

It's a LG Ultrawide monitor 21:9 i need to check the monitor box to find the model since the monitor is shelled inside my arcade cab.
It's running a 16:9 resolution since i never was able to set ultrawide res... i will try to update video driver and tryig to fix the res problem.

Edited April 22, 2022 by Mr.Miguardi

[C-Beats]

Ah, yeah that would explain the problem lol. You're aspect ratio setting WILL cause stretching horizontally just because it doesn't match. You could potentially apply a ScaleTransform to the image to scale the image the other way, but fixing the resolution on the monitor would be the best option for you.

[Mr.Miguardi]

I solved the res problem by usìng a dfferent HDMI cablem now my main screen run at 1920*1080 and my 2nd monitor at 2560*1080, my 2nd monitor is a LG 25UM57-P 25" connected via HDMI.

Edited all the xaml file with the new resolution and tryied both way, Center option and Stretch Options.
The thing are getting worse! now the platform marquee appear always fill/stretched, game marquee appear more deformed, the image in the pics from the first post now look 4:3
The strange things is that if i change the res value in the xaml nothing seems to change, all the scraped image seems to work well the problem appear only with the manual added img... 

Edited April 22, 2022 by Mr.Miguardi

[Mr.Miguardi]

After many tries i made a batch for photoshop that resize every img in 2560*1080 creating black stripe in the extra space and forcing LB to stretch the image from the option panel inside BigBox.
It's a workaround but it works showing a perfect 21:9 img.

Probably some LB bug o the 21:9 screen? if i place my edited 21:9 img without the stretch command forced from the option it show a 4:3 img with wrong hor. ratio...

Now i need to find a way to stop Retroarch to "killing" my marquee, everytime i load a game my second monitor to became totally black.
It a LB issue since Retroarch alone or Retroarch + Rocketlauncher don't make any problem.

[Retro808]

It should work fine. I was using a 21:9 up until a couple weeks ago when I gave it to my nephew to replace his broken one. 
 

I do not know what could be your issue just offering that I know marquees work on the size screen. There are a couple other members I know use one as well. 

[Mr.Miguardi]

Yep, that's a strange issue. img are correctly loaded by LB but showed with a wrong aspect ratio, Also for some reason edit xaml resolution don't make any result.
For now i will simply bulk editing all the marquee with my PS batch.

Any idea about the Retroarch issue? in big box loading a game with Retroarch (directly and also via RL) keep killing the marquee showing a black screen until i exit the game.
It's a LB/BB issue since loading Retroarch outside LB/BB show no issue with the screen.

Edited April 24, 2022 by Mr.Miguardi