1.7 - After Upgrade Layoyt (embedded-escale-invalid)

[Laercio]

Embedded and Ticker invalid scale on 1.7 Layout After Upgrade

This Erros on Windows Client and Layout CMS

Using this code for embedded text:

<iframe allowTransparency="true" frameborder="0" src="http://tempo.suatv.com.br/WidgetCidade.aspx?guid=17ee799d-e49d-4a59-be08-0f59cde5f4ec" style="height:300px;width:170px;border:0;"></iframe>

Using This source for text ticker:
http://g1.globo.com/dynamo/ciencia-e-saude/rss2.xml

[Laercio (laercionit)]

This code using embedded also invalid escale:

  <script language="JavaScript">
    document.write("<div style='color:#FFFFFF; font-size:12px; font-family:verdana; text-align:center;'>")
    var mydate=new Date()
    var year=mydate.getYear()
    if (year<2000)
    year += (year < 1900) ? 1900 : 0
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var dayarray=new Array("Dom","Seg","Ter","Qua","Qui","Sex","Sáb")
    var montharray=new Array(" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de ")
    document.write("  "+dayarray[day]+", "+daym+" "+montharray[month]+year+" ")
    document.write("</div>")
    </script>
   <!-- Fim Calendário -->

   <!-- Início Relógio -->
   <div style="text-align: center;margin-top:0px; ">
    <strong><span id="clock" style="font-size:60px; color:#FFFFFF;"></span></strong>
   </div>
   <script type="text/javascript">
   function EmbedInit()
   {
    clock();
   }
   var tick;
   function stop() {
     clearTimeout(tick);
   }
   function clock() {
     var ut=new Date();
     var h,m,s;
     var time=" ";
     h=ut.getHours();
     m=ut.getMinutes();
     if(m<=9) m="0"+m;
     if(h<=9) h="0"+h;
     time+=h+":"+m;
     document.getElementById('clock').innerHTML=time;
     tick=setTimeout("clock()",1000);
   }
   </script>
   <!-- Fim Relógio -->

[Dan Garner (dangarner)]

What exactly is invalid? Can you post some before and after screenshots?

[Laercio (laercionit)]

Dan, in version 1.6 is not shown embeded items.
In this version are showing but are out of scale (size) in the layout and also in the display.

View attachments - 1.6
Same layout in beta 1.7

Print the layout designer and client running layout.

[Laercio (laercionit)]

The tests realize that if do not select the Scale option, only the layout designer is bad, but the display is normal.

By checking the scale option in both is wrong the display.

[Laercio (laercionit)]

Clock code did not work as version 1.6.

Below, using the type of embeded content:

  <script language="JavaScript">
    document.write("<div style='color:#FFFFFF; font-size:12px; font-family:verdana; text-align:center;'>")
    var mydate=new Date()
    var year=mydate.getYear()
    if (year<2000)
    year += (year < 1900) ? 1900 : 0
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var dayarray=new Array("Dom","Seg","Ter","Qua","Qui","Sex","Sáb")
    var montharray=new Array(" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de ")
    document.write("  "+dayarray[day]+", "+daym+" "+montharray[month]+year+" ")
    document.write("</div>")
    </script>
   <!-- Fim Calendário -->

   <!-- Início Relógio -->
   <div style="text-align: center;margin-top:0px; ">
    <strong><span id="clock" style="font-size:60px; color:#FFFFFF;"></span></strong>
   </div>
   <script type="text/javascript">
   function EmbedInit()
   {
    clock();
   }
   var tick;
   function stop() {
     clearTimeout(tick);
   }
   function clock() {
     var ut=new Date();
     var h,m,s;
     var time=" ";
     h=ut.getHours();
     m=ut.getMinutes();
     if(m<=9) m="0"+m;
     if(h<=9) h="0"+h;
     time+=h+":"+m;
     document.getElementById('clock').innerHTML=time;
     tick=setTimeout("clock()",1000);
   }
   </script>
   <!-- Fim Relógio -->

[Laercio (laercionit)]

Hello Dan, the scale of the problem remains in Rc1.

Had the opportunity to analyze?

[Dan Garner (dangarner)]

Apologies, i did not receive any notification of you updating this bug.

I will need to investigate in more detail - the layout storage size has changed, so I suspect you will need to adjust the embedded item to suit...

The scaling should be working though.

I will test

[Laercio (laercionit)]

Just to test orientation.

The scale of this problem recorded in the prints, but the javascript code used for the clock does not work anymore.

   <!-- Início Relógio -->
   <div style="text-align: center;margin-top:0px; ">
    <strong><span id="clock" style="font-size:60px; color:#FFFFFF;"></span></strong>
   </div>
   <script type="text/javascript">
   function EmbedInit()
   {
    clock();
   }
   var tick;
   function stop() {
     clearTimeout(tick);
   }
   function clock() {
     var ut=new Date();
     var h,m,s;
     var time=" ";
     h=ut.getHours();
     m=ut.getMinutes();
     if(m<=9) m="0"+m;
     if(h<=9) h="0"+h;
     time+=h+":"+m;
     document.getElementById('clock').innerHTML=time;
     tick=setTimeout("clock()",1000);
   }
   </script>
   <!-- Fim Relógio -->

[Dan Garner (dangarner)]

I've tried the code in your previous comment, and it seems to be working well. If I tick the scale content checkbox, then everything is working well in the CMS and client, and it I don't tick the box, everything is as it was before on the client.

Remember that previously embedded content did not ever scale, so it always showed up at its "raw" size.

I think we will need some more information. I've created an issue on Github to track this further: https://github.com/xibosignage/xibo/issues/17