The Tournament Director Forums

Main => Templates, Layouts and Sounds => Topic started by: desertmuck on May 05, 2015, 12:34:35 AM

Title: Modify resolution of an exported Layout File
Post by: desertmuck on May 05, 2015, 12:34:35 AM
Hello community,
We are getting ready to play a satellite series this weekend and I am trying to re-use the tournament template file that was posted here:
http://www.thetournamentdirector.net/forums/index.php?topic=4414.0
But I run this on a little netbook and need to modify the export file to show on a resolution of 1366 x 768.
I am new to TD for the most part and was able to load the exported .tlo file into my setup by the resolution is way off of what I need. 
Can anyone guide me on how to go about getting the resolution to match the above.

Any guidance would be much appreciated for you TD Ninja's out there.

Thanks
Title: Re: Modify resolution of an exported Layout File
Post by: TIMMER on May 05, 2015, 06:57:33 PM
http://www.thetournamentdirector.net/forums/index.php?topic=2008.msg9587#msg9587
Title: Re: Modify resolution of an exported Layout File
Post by: Corey Cooper on May 05, 2015, 09:45:52 PM
You can also enable Layout Scaling, if it isn't already.  On the Layout tab, press the Preferences button.  At the bottom of the dialog is the Layout Scaling section.

The way scaling works is that the layout is actually rendered off-screen essentially using an optimal screen size.  Then it is scaled down to the actual screen size.  So, if a layout was designed for a 1920x1080 screen, you can set the optimal resolution to 1920x1080 and enable layout scaling.  That will allow the layout to render properly, using the best screen resolution, then be scaled to your actual screen resolution.
Title: Re: Modify resolution of an exported Layout File
Post by: desertmuck on May 07, 2015, 06:19:15 PM
Thanks for the tip Corey but I still cant get this thing to display correctly.  I guess it would help to know what the original design size was.  Also, what should the settings resolution be as compared to the area in preferences for resolution?  Also, how could I take the right resolution .png file and use that in the layout settings.  It looks like the only load option is for the entire tlo file.
Any you can give would be much appreciated.
Thanks
Title: Re: Modify resolution of an exported Layout File
Post by: Corey Cooper on May 08, 2015, 11:07:25 PM
Thanks for the tip Corey but I still cant get this thing to display correctly.  I guess it would help to know what the original design size was.

All of the built-in layouts have an optimal size defined.  In fact, if you press the "Built-in" button that lists all of the included layouts, they display their optimal resolution right under their name.  When you press the "Preferences" button on the Layout tab, there's an option in the "Layout Scaling" section to "Use optimal resolution setting of the current layout".  That basically means to use the defined optimal resolution of any layout you choose *first*, then use the optimal resolution you've set in the preferences if the layout hasn't defined one.

Also, what should the settings resolution be as compared to the area in preferences for resolution?
I'm not sure I follow this one.

Also, how could I take the right resolution .png file and use that in the layout settings.  It looks like the only load option is for the entire tlo file.
Any you can give would be much appreciated.
Thanks
This one really confuses me.  But, the great thing about including images in your layout is that they can be automatically scaled (independently of layout scaling) to whatever size you want them.  So it doesn't matter what resolution your .png file really is.  If it's a 1024x768 image, but you want it to be 300x200, that can be done easily by just specifying the dimensions when you reference the image.  What's even better is that, to keep the image the right proportions, you can specify just the width or the height (but not both), and the image will be scaled appropriately.  So, let's say you want to include an image that is 1200x800 pixels, but you want to fit it into a horizontal space of only 400 pixels.  You would insert an HTML image tag like this:

<img src="path to the image file" width=400>

This would scale the image proportionally to 400 pixels wide and 267 pixels tall.