Text size and formating in 1.4 not working?

The text scaling in 1.4.0 is greatly improved.

You need to make sure you're using absolute text sizes NOT using em sizes (which you will be in most of your old layouts).

Start by selecting all your text and using the eraser icon from the toolbar to remove all the formatting from it. Then size it using the font size tools so that it appears as you want in the layout designer window. The client will then match the text size so it renders the same as in the preview.

Make sure you don't have the "scale text to fit" box ticked otherwise the client will make the text fill the region completely.

Alex

Well... I have tried it in as well Internet Explorer as in Chrome, both times first removing all formatting then setting Bold and Underline on the Title and leave the Description as it is, then selecting everything, selecting the font Verdana, selecting the size 16 points (all within the CKEditor) and selecting the color #0066cc. Finally clicking the Save button. In both cases the 'scale text to fit' is not ticked.

What I do see, is that in Chrome the preview shows the correct fontsize and looks ok, in IE this is not the case.

The final result on the client is still horrible. A text size of about 48 points...

Any other options / proposals?

By the way, also the default Xibo page is showing horrible with huge text sizes...

You can manually put the separator in by putting it into your template.

What resolution are your screens? We have spent hours trying to get text sizing working correctly - and in all the cases we have tested, it looked pretty good.

If fit text is not ticked the client will work out the difference between your resolution and the resolution of the layout you designed with - it will then use this scale factor to increase / decrease the pixel text sizes of all text on screen.

If you are designing with the standard 16:9 then I think its 800 wide. To get a scale of 12 to 48, your resolution must be huge?

Resolution of our screens: 1920*1080
And that's also the reason why I don't understand it... Compared to version 1.2.2 the same textsize shows as expected (about 2.5 times the defined size), but not in 1.4.0... I'm not sure if it's really 48 pixels, but it looks the same size as when defining a text size of 48 pixels in the 1.2.2 version.
By the way, just as additional info, this is the HTML code as provided by CKEditor in as well 1.4.0 as 1.2.2:

<p><span style="font-size: 12px"><strong><span style="color: rgb(0,102,204)"><span style="font-family: verdana, geneva, sans-serif">[Title] -&nbsp;</span></span></strong></span></p>

Most stupid thing, I just tested it, is: When using font-size of 16 pixels, the text-size shown on the player is smaller than when using font-size 12 pixels... I'm getting more and more confused.

I would like to report the same issue as mentioned above when updating to 1.4.
My HTML code of the CKEditor also corresponds somewhat.

I had a back-up of the client and the server so I reverted back, but I will test some more at the end of the month on the 'broken' server and client.

Specs editing computer:
Windows XP SP3
.Net 3.5
IE8
FireFox 16.0.2
Screenresolution: 1280 x 1024

Specs client:
Windows XP SP3
.Net 3.5
IE8
Screenresolution: 1680 x 1050

Xibo details:
Layout resolution: 800 x 500

Some other thing I experienced: FireFox 16.0.2 isn't compatible with the webinterface.

I will look at this as soon as I can.

What it does at the moment is work out a scale factor:
_scaleFactor = Math.Min(_clientSize.Width / _layoutWidth, _clientSize.Height / _layoutHeight);

Reduce it slightly

scaleFactor * 0.85

And run this javascript:

$("span, p", this).each(function(){

  var fontSize = $(this).css("font-size");

  $(this).css("font-size", Math.round(fontSize.replace("px", "") * scaleFactor));
});

So in Roel's case a font size of 12px would translate to: 21.42px;

We think we have found a more reliable way of doing it - we will run some tests and put an exe here to try asap.

Can someone please try the patch in the attached bug report - I think it should correctly scale text (better than 1.2 as well).

I have tried to use the client and the results are:
1. Text sizing goes really well, even beter than in 1.2.2
2. At once embedded HTML is not going well anymore... In 1.2.2 this goes ok and also in the released 1.4.0 client this goes ok, but now it's not resized anymore to the size of the region.
3. Pictures are resized to the same size as before, but the result is in 1.2.2 much better then it is in this client... To be honoust (did not have the time for it yet) I'm not sure what the result was in 1.4.0 client.
4. The ticker text is scrolling much faster then before and for me only setting the speed value to 1 is still good readable, any other value (higher) leads to very fast scrolling.

Sorry for the late response, but could not test earlier thanks to other business priorities...

By accident I also added this text as a comment to the bug report... Sorry!

The result 3 regarding picture sharpness was à wrong conclusion... It appeared that the result on the same screen but with different computers also can lead to different results. Same computer with same screen running the three different versions of the player shows that point 3 was not true. My appologies!

I would like to echo the concern over the scrolling speed. The lowest speed (1) is too fast to read my feed.

@Dan Garner:

You asked me (in the linked bug) to create new questions for the other points I have mentioned.
But I am not sure to create new questions for these points because all these points (except point 3) are just occuring in the fix and not in the released 1.4.0 version... An overview:

                                         1.2.2 1.4.0 1.4.0-fix
Text sizing OK Wrong OK (even better)
Ticker speed OK OK Too fast
Picture sizing OK OK OK
Embedded HTML sizing OK OK No resizing at all to size of region

As you see, the other two open points are only related to the fix, not to the 1.4.0 version. But if you think there should be new questions created for it, I'll do :)

Chips... It's removing all spaces and bring it back to one.... Now my table is gone...

I get what you were trying to do :-)

For embedded HTML can you get me a sample from the client? Enable the mouse pointer from client options and then wait for your embedded media to show. Then right click, view source, save as test.html and then post it on-line somewhere I can get to?

The same would also be really good for scrolling text - I can get my text to scroll pretty slowly (when set to 1)

I have added a ZIP file to the linked bug which contains four html files containing the source html code for as well 1.4.0 as the fix version. I hope this will help you in looking into these issues!

The final bug fix solved the initial and all arising issues!

Thanks for the great support!