Layout Preview , changing Loading layout image

Cesar_Feliz · December 7, 2018, 2:11am

Hello,

Is there a way to change the Loading layout image that appears right after previewing .

CF

DanBW · December 7, 2018, 8:57am

You can create a White Label for your CMS, which will adjust the Logo on the Preview Layout screen. If you would like to know more, I would recommend visiting the below link:

https://app.xibo.org.uk/shop/cms-white

Many Thanks.

Cesar_Feliz · December 7, 2018, 1:37pm

DanDw,
Yes I know about white label.
Thanks for the input.

I was wondering if somebody knows where this image is placed inside the container to replicate it outside at in the custom theme.

CF

DanBW · December 7, 2018, 4:02pm

You can create your own Custom Theme for your CMS by following the below Guide:

https://xibo.org.uk/docs/developer/custom-theme-development

The CMS Logo and Preview Layout background image (also known as the Preview Splash) use the same file, named xibologo.png. You can replace the image file in your Theme and keep it named xibologo.png, which will change both the CMS Logo and the Preview Splash in your CMS.

I have included below a link to the css file that contains the Preview Splash elements, for reference:

github.com

xibosignage/xibo-cms/blob/release18/web/theme/default/css/html-preview.css#L26


height: 100%;
z-index: 1;
background-color: #000000;
}


div.preview-screen {
height: 100%;
z-index: 1;
}


/* Style the Splash Screen */
div.preview-splash {
height: 100%;
background:#000000 url('../img/xibologo.png') no-repeat center center;
background-size: 50%;
}


div.preview-loader {
height: 19px;
width: 220px;
position: relative;

We strongly recommend not modifying this value and instead creating a custom theme for your CMS, using the method I mentioned. Please note that if you do modify this CSS file, any changes will be replaced when you upgrade your CMS.

Many Thanks.

Cesar_Feliz · December 7, 2018, 5:35pm

DanDW,
Definively you rock !!

I’m using the Logo according (at least I think) accordng to Themes | Xibo Digital Signage
So if i have My logo under xibologo.png it should appears before Previewing a layout screen (loading screen) then I have something quite not right , see my path :

Any thoughts?

zero48