Ghost Region Appearing on Some but Not All Displays

Here is an example of what one looks like: (You can see it in the upper left corner)

Here is what my Layout Designer looks like:

This only happens on SOME displays running this layout, not all. I have checked to make sure there aren’t any layouts scheduled to happen on top. Any suggestions for troubleshooting are appreciated.

Edit: All clients we have are windows 10 1.8.10 and the CMS is also 1.8.10

Could you show us a screenshot of status window on the affected player please?

Then check the schedule.xml and the 31.xlf (inside player local library)
and make sure that does contain only what you’d expect.

Where can I find these things?

The Status page on your Windows Player can be opened by clicking the i key on your keyboard whilst Xibo is playing.

You will find the schedule.xml file and the 31.xlf (which is the layout file for the above layout) inside your Xibo Library folder. By default this is stored in your Documents folder. If you open the Xibo Player Options app, the Library location will be listed here.

Many Thanks.

I haven’t had this exact issue, but I have had times on earlier version (1.7.8) where part of the layout didn’t update after edits on some devices, e.g a region’s size and position changed, but not the content, even though I edited both in the same session.

When I’ve had layouts act oddly, I’ve purged the contents of the library folder on the client and restarted Xibo so that everything redownloads.

Here are the things you requested.
Status Screenshot: (Let me know if this is too hard to read)

schedule.xml (Nothing looks out of place…)

<?xml version="1.0"?>
-<schedule fitlerTo="2018-10-03 11:00:00" fitlerFrom="2018-10-01 11:00:00" generated="2018-10-01 11:08:29">

<default file="42"/>


-<dependants>

<file>jquery-1.11.1.min.js</file>

<file>jquery-cycle-2.1.6.min.js</file>

<file>moment.js</file>

<file>flipclock.min.js</file>

<file>xibo-layout-scaler.js</file>

<file>xibo-dataset-render.js</file>

<file>xibo-image-render.js</file>

<file>8.otf</file>

<file>9.otf</file>

<file>10.ttf</file>

<file>11.ttf</file>

<file>12.otf</file>

<file>xibo-text-render.js</file>

<file>jquery.marquee.min.js</file>

<file>pdf.js</file>

<file>pdf.worker.js</file>

<file>compatibility.js</file>

<file>xibo-webpage-render.js</file>

<file>fonts.css</file>

<file>bootstrap.min.css</file>

<file>WeatherIcons-Regular.otf</file>

<file>animate.css</file>

<file>font-awesome.min.css</file>

<file>weather-icons.min.css</file>

<file>weathericons-regular-webfont.eot</file>

<file>weathericons-regular-webfont.svg</file>

<file>weathericons-regular-webfont.ttf</file>

<file>weathericons-regular-webfont.woff</file>

<file>weathericons-regular-webfont.woff2</file>

<file>wi-cloudy.jpg</file>

<file>wi-day-cloudy.jpg</file>

<file>wi-day-sunny.jpg</file>

<file>wi-fog.jpg</file>

<file>wi-hail.jpg</file>

<file>wi-night-clear.jpg</file>

<file>wi-night-partly-cloudy.jpg</file>

<file>wi-rain.jpg</file>

<file>wi-snow.jpg</file>

<file>wi-windy.jpg</file>

</dependants>

</schedule>

I also don’t have a “31.xlf” but I do have a “42.xlf” and here are it’s contents:

<?xml version="1.0"?>
<layout width="1920" height="1080" bgcolor="#000000" schemaVersion="3"><region id="113" width="1920.0000" height="897.6000" top="2.4000" left="0.0000"><options/><media id="128" type="embedded" render="native" duration="300" useDuration="1"><options><scaleContent>1</scaleContent><transparency>0</transparency></options><raw><embedHtml><![CDATA[<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRjFL124T76Ezbq2kYaMKTI7iGzU3lKvkvONatpcKFkSsmlXLIzW3wIpT-7PjPN8sSaKwDwJDHklaPY/embed?start=true&loop=true&delayms=7500" frameborder="0" width="1920" height="975" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>]]></embedHtml><embedScript><![CDATA[<script type="text/javascript">
    function EmbedInit()
    {
        // Init will be called when this page is loaded in the client.

        return;
    }
</script>
]]></embedScript><embedStyle><![CDATA[<style type="text/css">

</style>
]]></embedStyle></raw></media></region><region id="114" width="312.0000" height="184.8000" top="897.6000" left="525.6000"><options/><media id="129" type="forecastio" render="html" duration="1" useDuration="0"><options><dayConditionsOnly>0</dayConditionsOnly><lang>en</lang><latitude>42.649785</latitude><longitude>-83.746249</longitude><overrideTemplate>1</overrideTemplate><templateId>weather-module0-singleday</templateId><units>us</units><updateInterval>10</updateInterval><useDisplayLocation>0</useDisplayLocation><widgetOriginalHeight>200</widgetOriginalHeight><widgetOriginalWidth>340</widgetOriginalWidth></options><raw><currentTemplate><![CDATA[<div class="container">
    <div class="main-panel">
        <div class="row footer">
            <div class="col-xs-12  details-box text-center shadowed">
                <div class="col-xs-6">
                    <div class="big-icon"><i class="wi [wicon]"></i></div>
                </div>
                <div class="col-xs-6">
                    <div class="big-temp">[temperatureRound]º[temperatureUnit]</div>
                </div>
                <div class="col-xs-12">
                    <div class="description">
                        <div class="big-day">[summary]</div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="powered">Powered by DarkSky</div>
                </div>
            </div>
        </div>
    </div>
</div>]]></currentTemplate><styleSheet><![CDATA[body {
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1;
}

.shadowed {
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
    filter: dropshadow(color=rgba(255, 255, 255, 0.5), offx=2, offy=2);
}

.container {
    background-position: center;
    width: 340px !important;
    height: 200px !important;
}

.main-panel {
    margin-top: 10px;
    height: 137px;
}

.footer {
    height: 290px;
    color: #fff;
    padding: 30px 30px;
    position: relative;
    margin-bottom: 20px;
}

.big-day {
    font-size: 35px;
    font-style: italic;
    font-weight: lighter;
    color: #ffffff;
}

.big-icon {
    font-size: 90px;
    color: #ffffff;
}

.big-temp {
    padding: 20px 0 0px 0;
    font-size: 70px;
    color: #ffffff;
}

.description {
    padding: 0px 0 0px 0;
    font-size: 45px;
    color: #272625;
}

.details-box {
    height: 290px;
    color: #272625;
}]]></styleSheet></raw></media></region><region id="115" width="976.8000" height="180.0000" top="900.0000" left="834.7500"><options/><media id="130" type="forecastio" render="html" duration="1" useDuration="0"><options><dayConditionsOnly>0</dayConditionsOnly><lang>en</lang><latitude>42.649785</latitude><longitude>-83.746249</longitude><name>Weather</name><overrideTemplate>0</overrideTemplate><templateId>weather-module6h</templateId><units>us</units><updateInterval>10</updateInterval><useDisplayLocation>0</useDisplayLocation></options><raw/></media></region><region id="116" width="446.4000" height="115.2000" top="892.8000" left="79.2000"><options/><media id="131" type="clock" render="html" duration="1" useDuration="0"><options><clockFace>TwentyFourHourClock</clockFace><clockTypeId>2</clockTypeId><offset>0</offset><showSeconds>1</showSeconds><theme>1</theme></options><raw><format><![CDATA[<p style="text-align: center;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="color:#FFFFFF;"><span style="font-size:88px;">[h:mm a]</span></span></span></p>
]]></format></raw></media></region><region id="117" width="480.0000" height="69.6000" top="1008.0000" left="52.8000"><options/><media id="132" type="clock" render="html" duration="1" useDuration="0"><options><clockFace>TwentyFourHourClock</clockFace><clockTypeId>2</clockTypeId><offset>0</offset><showSeconds>1</showSeconds><theme>1</theme></options><raw><format><![CDATA[<p style="text-align: center;"><span style="font-size:36px;"><span style="color:#FFFFFF;">[dddd, MMMM Do]</span></span></p>
]]></format></raw></media></region><tags/></layout>

Also, this is now happening on all of our screens, and on all of our layouts. (We have about 20 screens and 10 layouts)

Here is a description of our layouts:
We run a Google Slides Embeded iFrame presentation on a 300sec loop on the top region.
When the 300sec loop refreshes or restarts, the white box goes away. Then when the Google Slides presentation starts again, the box returns. Hope this helps! Thanks again.

Thank you for all of the information you have provided.

I have included a link to another post from other community users who have been experiencing the same issue when using Google Slides:

Can you confirm that the small square does not appear when Google Slides is not included in the Layout? If you find that the issue persists without an Embedded Widget calling Google Slides, please let me know but it appears that the issue is with Google, not Xibo.

Many Thanks.

I have roughly the same issue, but it just shows blank boxes random places on layouts, and it doesn’t it on screens with that layout.
In the editor nothing is wrong.
What we have found out, is that if you change the size or placement of an element on the layout, then change it back right away and saves it, it will “remove” those blank boxes.
And we have no Google Slides on your layouts.

I haven’t had the time to investigate more then that, but it a bit annoying problem, as you can only se it on the live screens.

But give it a try, if you didn’t allready?

Thank you DS_Steel for your suggestion. I have tested this on my Windows Player and found that the issue still persists.

I suspect that the issue you are experiencing is not related to the above as it seems to be a problem with Google Slides specifically.

Many Thanks.

Hi, I see same box in upper left corner of Google Slides. Any solution?