Author Topic: Forum Help Request - New Table LCD Layout  (Read 7878 times)

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Forum Help Request - New Table LCD Layout
« on: November 08, 2010, 08:59:24 PM »
Hi Everyone, I'm a new member and just purchased Tournament Director.

I built a new table a couple of months ago and am just getting around to customizing a layout to suit my needs.

The table has 2 19" flush-mounted LCDs which will be running TD in mirror mode so that everyone sitting at the table can see the information they need to without craning their neck to the projector somewhere.

Pictures are here:
Game Room - http://nlowell.smugmug.com/Other/SmugShots/file/978265803_BKGyf-XL.jpg
Poker Table 1 - http://nlowell.smugmug.com/Other/SmugShots/file/978265932_DshkF-XL.jpg
Poker Table 2 - http://nlowell.smugmug.com/Other/SmugShots/file/978266471_BwWKG-XL.jpg
Carbon Fiber Rail - http://nlowell.smugmug.com/Other/SmugShots/file/978266207_gFT8Z-XL.jpg
Tournament Director - http://nlowell.smugmug.com/Other/SmugShots/file/979188692_DNLkm-XL.jpg
Automatic Shuffler - http://nlowell.smugmug.com/Other/SmugShots/photo-1/984047339_PHCS7-XL.jpg

I used AMCQ10's layout as a start (http://www.thetournamentdirector.net/forums/index.php?topic=755.0) and started hacking from there (I use hack because I'm not 100% sure how to do this the right way)

Lots of trial and error.  Resolution is 1280x1024.

I attached the graphic I used as my background and the TD export of where I am currently at. 

Other pictures:
Background Image - http://nlowell.smugmug.com/Computers/TD-Layout/AllAces12/1083585916_Qo7Mu-O.png
Layout - http://nlowell.smugmug.com/Computers/TD-Layout/NealsLayout/1083584037_SiDQR-XL.png
On Table 1 - http://nlowell.smugmug.com/Computers/TD-Layout/photo-1/1083593398_7fGHu-XL.jpg
On Table 2 - http://nlowell.smugmug.com/Computers/TD-Layout/photo-2/1083593356_WCJuP-XL.jpg

Here is what I am hoping to get help with:

  • The left clock won't go down far enough because of the layout
  • The text isn't quite right in the boxes
  • I'd like to change the text to be two columns so that I can add some other information like "Average Chips"

Beyond that, I was hoping for some forum feedback since this is new for me.  What other information could be useful in that box?  Any feedback on the font?  I want something blocky and high tech looking but Stencil was all I found.

Thanks for any help!  My first game with the new table is this weekend and I want it to look good :)

-Neal

TIMMER

  • Hero Member
  • *****
  • Posts: 562
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #1 on: November 08, 2010, 10:34:33 PM »
Average chips should fit to the right of your rounds, in the box,    another.. cell try calibri font

Corey Cooper

  • Administrator
  • Hero Member
  • *****
  • Posts: 6216
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #2 on: November 09, 2010, 10:40:58 AM »
Very cool.  Can you be a bit more specific on what you want to do?

  • The left clock won't go down far enough because of the layout

I assume you mean the vertical clock.  The steel bar looks centered vertically.  And the clock within it looks right-aligned, like the other clocks.  What's the issue?

  • The text isn't quite right in the boxes

More specific?

  • I'd like to change the text to be two columns so that I can add some other information like "Average Chips"

I'm sure this could be done, but I'd need to see the layout itself.  Why don't you post that file and perhaps we can help tweak it directly.

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #3 on: November 10, 2010, 08:01:20 PM »
Thanks Cory.

No matter how I align the left column clock, it won't push down any more.  I think its because its running into the bottom row, but I'm not sure how to fix that without screwing up the bottom row.

That's pretty much my major issue.  I think I can add another column within the boxes for additional data and continue to play with alignment...I've been just using nbsp; and <BR> statements to adjust items...probably not the most ideal and a lot of trial and error.

I attached the .tlo file to the original post.  That is the layout file you're referring to right?

Thanks in advance for any help!

Corey Cooper

  • Administrator
  • Hero Member
  • *****
  • Posts: 6216
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #4 on: November 11, 2010, 12:09:22 PM »
I know this may not be what you want to hear, but to be honest, I would go in a completely different direction.  This highlights something I'd like to add: a free-form layout mode, where you can create elements, size them, and drag them around the screen to exactly where you want them.  Someday...

Anyway, this "mode" of designing a layout makes a lot more sense for your layout.  What you are trying to do essentially is put some elements on top of a background picture, and those elements need to be in specific places to make things look right.  You can actually do this today, it's just more of a manual process.

So, instead of adding columns and rows, and tweaking things to make them line up exactly where you want them, I would create some cells and make the contents of those cells positionable anywhere, then position them at exact coordinates.  This will only work for specific screen sizes, but your background image really only works for specific screen sizes anyway (meaning, if you set this up for 1280x1024, it's not going to look right for 1024x768, or 1920x1080, etc.)

Unfortunately I don't have time to do the whole thing right now, but I've gotten you started.  See the attached layout.  I have created a new screen and 4 new cells.  I have labeled the screen and the cells starting with the letter "Z" just to differentiate them from your existing cells and screens and group them together.  The background is 1280x1024, so the screen I created is designed for that size exactly.  Basically, each cell I created can go anywhere in the layout, because the contents of the cell "detach" and position themselves in a specific location.  For example, the contents of the cell for the blinds on the left are:

<div style="position: absolute; top: 100; left: 30; height: 610px; width: 100px; overflow: hidden; text-align: center">
  <div style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: center; width: 610px">
    <nobr>Blinds - <smallblind> / <bigblind><br>
    <div style="font-size: 15pt">
      <nobr>Next - <nextsmallblind> / <nextbigblind><br>
      Break in <nextbreak format="clock" showSeconds="false"> minutes</nobr>
    </div>
  </div>
</div>


The outer div sets the location and exact size of the contents.  The next div rotates the contents.  Then we have the actual contents.

If you want to have a better look at what's going on, try adding this style:

<div style="position: absolute; top: 100; left: 30; height: 610px; width: 100px; overflow: hidden; text-align: center; background-color: red">
  <div style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: center; width: 610px">
    <nobr>Blinds - <smallblind> / <bigblind><br>
    <div style="font-size: 15pt">
      <nobr>Next - <nextsmallblind> / <nextbigblind><br>
      Break in <nextbreak format="clock" showSeconds="false"> minutes</nobr>
    </div>
  </div>
</div>


See what that does, then add another one:

<div style="position: absolute; top: 100; left: 30; height: 610px; width: 100px; overflow: hidden; text-align: center; background-color: red">
  <div style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: center; width: 610px; background-color: blue">
    <nobr>Blinds - <smallblind> / <bigblind><br>
    <div style="font-size: 15pt">
      <nobr>Next - <nextsmallblind> / <nextbigblind><br>
      Break in <nextbreak format="clock" showSeconds="false"> minutes</nobr>
    </div>
  </div>
</div>


Hopefully that will be enough to get you started.

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #5 on: November 11, 2010, 02:55:57 PM »
Great, thanks again Cory! 

I'll play around with this tonight.  Like you said, should give me enough to figure it out!

Great customer service!

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #6 on: November 11, 2010, 02:58:56 PM »
P.S.  I live in San Diego but was in Zurich, Switzerland last month for work.  A buddy and I traveled to a casino in Baden, Switzerland to play in a poker tournament where, lo and behold, they used Tournament Director on wall mounted TVs to keep track of their two tournaments and ~12 tables in play.  Cool stuff :)

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #7 on: November 11, 2010, 11:38:39 PM »
Ok, I updated the layout using your suggested method.  All is well, except one thing.  Do you know why the font aliasing is messed up when using the ImageTransform call?  I noticed for the bottom clock when using rotation=0 the font goes blurry.  Removing the ImageTransform clears up the font.  Any suggestions or is this as good as it's getting? :)  Thanks again!

Notice the top, bottom, and left text are identical

Corey Cooper

  • Administrator
  • Hero Member
  • *****
  • Posts: 6216
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #8 on: November 12, 2010, 11:14:44 AM »
Ok, I updated the layout using your suggested method.  All is well, except one thing.  Do you know why the font aliasing is messed up when using the ImageTransform call?  I noticed for the bottom clock when using rotation=0 the font goes blurry.  Removing the ImageTransform clears up the font.  Any suggestions or is this as good as it's getting? :)  Thanks again!

This has to do with certain color combinations, when a filter style is applied, and also where you set your colors.  Seriously.  It's an enormous pain to deal with.  And sometimes you simply cannot get IE to render something like this with nice anti-aliasing/cleartype/font smoothing, or whatever it uses.

For example, if you give the top blinds cell a white background, I bet it will smooth out the font.  I've dealt with this in the layout by applying the background color in an outer element and the drop-shadow filter in an inner element, but I have yet to find a consistent way to correct this issue.

Here's a nice example.  Using the default layout (BlueAndGreen), edit the clock cell and change the HTML to this:

<div style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); height: 0px"><clock></div>

Now the clock is upside down, but it still looks good.  Now uncheck the "Shadow" checkbox in the font section and press Apply.  Shadow goes away, clock text still looks nice and smooth.

Now change the Background color to "black" and press Apply.  Again, still looks good.

Now change the Background color to "white" and the Foreground color to "black" and press Apply.  Boom.  Font no longer looks good.

Now set the background color using the DIV (change the HTML to this) and press Apply:

<div style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); height: 0px; background-color: white"><clock></div>

Now it's a black text on a white background and it looks good again.

What does it mean?  If the font is dark (and I don't know what exactly defines "dark"), then the element with the filter must also have a background color (not "transparent").  If the font is light, it doesn't matter.  Maybe.  Or maybe not.  Your mileage may vary.

Bottom line is you'll have to do a lot of playing around with this to see if you can get it to work.

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #9 on: November 12, 2010, 11:20:54 AM »
Haha, nice.  Will play around with that.  Thanks!

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #10 on: November 12, 2010, 07:51:55 PM »
I fixed the one on the left.  Instead of the Microsoft Transform, I used IE's "writing-mode" call.

writing-mode: xx-yy;

xx-yy
lr-tb – This is the default value, left to right, top to bottom
rl-tb – This flows the text from right to left, top to bottom
tb-rl – Flows the text vertically from top to bottom, right to left (I used this one for the text on the left.  Renders True Type font great)
bt-rl – bottom to top, right to left

IE8+
ms-writing-mode: xx-yy;

tb-lr – Text flows top to bottom, left to right
bt-lr – Bottom to top, left to right
lr-bt – Left to right, bottom to top
rl-bt – Right to left, bottom to top

Now I just need to find a solution for the upside down text :)

Magic_fubu

  • Hero Member
  • *****
  • Posts: 1035
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #11 on: November 12, 2010, 08:28:41 PM »
Now I just need to find a solution for the upside down text :)

No rotate command available? (not a programmer, so idk)
My cowboys shot down your rockets
---
If you send a request to me please send that you got me from here w/your TD name to confirm. Thanks!

Corey Cooper

  • Administrator
  • Hero Member
  • *****
  • Posts: 6216
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #12 on: November 12, 2010, 09:47:14 PM »
Now I just need to find a solution for the upside down text :)

No rotate command available? (not a programmer, so idk)

Nope.  That's why there's only a "Rotate 90 degrees" checkbox, and not options for 180 and 270 degrees.

Magic_fubu

  • Hero Member
  • *****
  • Posts: 1035
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #13 on: November 12, 2010, 11:46:20 PM »
Ok then.... What about copying characters from the character map? Haven't looked in there, but if there's upside down characters, wouldn't that suffice for the upside down text, if there?
My cowboys shot down your rockets
---
If you send a request to me please send that you got me from here w/your TD name to confirm. Thanks!

nlowell

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: Forum Help Request - New Table LCD Layout
« Reply #14 on: January 17, 2011, 05:32:57 PM »
I ran my first tourney a month or so ago and every other round I would get a big black box/void covering most of the screen.  It only affected odd number rounds.  Went back to normal for even number rounds. Any ideas on what this would be?  I have another tourney tomorrow and I need to fix this.