TLDR: The embeddable widget from Forecast.io isn’t compatible with IE8, which makes it incompatible with Windows XP machines running Xibo Player.
Hi folks,
I’m just getting started with Xibo. I’m working on my first layout, and while the DataSet region looks good, I’m having trouble with both the Clock widget and the Embedded widget. (I’ll paste my layout.xml below, in case that helps.) The Clock widget looks fine in Layout Design, but doesn’t display on the Windows player. And the Embedded widget, while not showing content in Layout Design, displays incompletely on the Player. It should be displaying this, but shows only the top part of the content.
Any thoughts? Thanks.
I’m running 1.7.3 on Windows Server 2012 R2, IIS8, MySQL Community Edition 5.6, PHP 5.3.28, using a Windows XP Professional x64 display.
Here are images of Layout Design and how it looks on the Windows player.
layout.xml:
<?xml version="1.0"?>
<layout width="1920" height="1080" resolutionid="9" bgcolor="#ffffff" schemaVersion="2" background="16.jpg">
<region id="17180552fe6358d631" userId="4" width="511.2" height="364.8" top="546.975" left="1339.6875">
<media id="f1a3f4f75dd2cde6213e722398f7dfe6" type="datasetview" render="native" duration="10" lkid="" userId="4" schemaVersion="1">
<options><datasetid>1</datasetid><columns>1,2,4,3</columns><upperLimit>0</upperLimit><lowerLimit>0</lowerLimit><filter/><ordering/><showHeadings>0</showHeadings><duration>10</duration><updateInterval>10</updateInterval><rowsPerPage>7</rowsPerPage></options>
<raw><styleSheet><![CDATA[table.DataSetTable {
font-size: 42px;
font-family: Georgia;
background: #daecfa;
width:100%;
}
tr.HeaderRow {
}
tr#row_1 {
}
td#column_1 {
}
td.DataSetColumn {
padding-left: 5px;
padding-right: 5px;
}
tr.DataSetRow {
}
tr.DataSetRowOdd {
}
tr.DataSetRowEven {
}
th.DataSetColumnHeaderCell {
}
span#1_1 {
}
span.DataSetColumnSpan {
}]]></styleSheet></raw>
</media>
</region>
<region id="19719552fe8350fcab" userId="4" width="480" height="228" top="69.749999999999" left="1355.4375" name="Time and Date">
<media id="4b510fd7362a37b2389f506586952b2b" type="text" render="native" duration="60" lkid="" userId="4" schemaVersion="1">
<options><xmds>1</xmds><effect>none</effect><speed>0</speed><backgroundColor/><name>Time and Date</name></options>
<raw><text><![CDATA[<p style="color: #000000; text-align: center; font-family:georgia,serif;"><span style="font-size:96px;">[Clock|h:mm a]</span><br />
<span style="font-size:48px;">[Clock|dddd]<br />
[Clock|MMMM Do]</span></p>
]]></text></raw>
</media>
<options>
<transOut/>
<transOutDuration>0</transOutDuration>
<transOutDirection/>
<loop>0</loop>
</options>
</region>
<tags><tag/></tags>
<region id="8653552fff34056c7" userId="4" width="1783.2" height="74.399999999999" top="971.09999999999" left="71.999999999999" name="News Ticker"><media id="c22d2a1c6a25898b72c38048b55340cf" type="ticker" render="native" duration="10" lkid="" userId="4" schemaVersion="1">
<options><xmds>1</xmds><sourceId>1</sourceId><uri>http%3A%2F%2Fnews.google.com%2Fnews%3Fpz%3D1%26cf%3Dall%26ned%3Dus%26hl%3Den%26q%3DOuachita%2BParish%26output%3Drss</uri><datasetid>0</datasetid><updateInterval>120</updateInterval><speed>2</speed><overrideTemplate>1</overrideTemplate><name>Google News: Ouachita Parish</name><effect>none</effect><copyright/><numItems>10</numItems><takeItemsFrom>start</takeItemsFrom><durationIsPerItem>1</durationIsPerItem><itemsSideBySide>1</itemsSideBySide><upperLimit>0</upperLimit><lowerLimit>0</lowerLimit><filter/><ordering/><itemsPerPage>0</itemsPerPage><dateFormat/><allowedAttributes/><stripTags/><backgroundColor/><disableDateSort>0</disableDateSort><textDirection>ltr</textDirection><templateId>title-only</templateId></options>
<raw><template><![CDATA[<p style="font-family:georgia,serif;"><span style="font-family:georgia,serif;"><span style="font-size:56px;"><span style="color: #251305;"><span style="font-size:36px;">[Title]</span></span></span></span></p>
]]></template><css><![CDATA[]]></css></raw>
</media><options><transOut/><transOutDuration>0</transOutDuration><transOutDirection/><loop>0</loop></options></region><region id="125635530324c28d34" userId="4" width="1140" height="245" top="67" left="98" name="Weather Bar"><media id="39e561360a558d74cb466dbfb46b8631" type="embedded" render="native" duration="10" lkid="" userId="4" schemaVersion="1">
<options><transparency>0</transparency><name>Weather</name><scaleContent>0</scaleContent></options>
<raw><embedHtml><![CDATA[<iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="100%" src="http://forecast.io/embed/#lat=32.52&lon=-92.11&name=Monroe" scrolling="no"> </iframe>]]></embedHtml><embedScript><![CDATA[]]></embedScript><embedStyle><![CDATA[]]></embedStyle></raw>
</media><options><transOut></transOut><transOutDuration>0</transOutDuration><transOutDirection></transOutDirection><loop>0</loop></options></region></layout>
