Layout creating problem in self hosted CMS

[Zahid]

CMS Version 4.3.0

Player Type

Windows, Android 4

Issue: Layout creating problem in self hosted CMS

Hello,
I have selft hosted xibo 4.3.0 on a webserver. I have enabled all the php plugins necessary with PHP 8.1.
The Issue: When im creating a new layout and importing a image on the layout it shows the spinning image forever. If i try to publish then sometimes it shows the image is still under conversion. I have lower resulution and smaller size image as well.
If i put box in layout it still spins endlessly and if i then publish it shows publish and the box si vanished.
Upon importing the template i can see the template and it works on the display. I am uploading a screen recording so that you can see the issue and guide me further. For file limit i cant upload with the message i am uploading in you tube please check from this link: https://youtu.be/h2ixJRJ6JhA
Currently i have a client where i need to do 5 screens and as i have done it before with xibo I am confident that once its fixed i can run my business further with xibo.

[Schweminska]

Are there any error and or access logs you can share?

[Zahid]

I find the following from browser console. When I drag image from the image panel on to layout inside layout editor.

Uncaught TypeError: Cannot read properties of undefined (reading ‘widget_64_65’)
at lD.selectObject (layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:922356)
at Object. (layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:925300)
at c (vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:901841)
at Object.fireWith [as resolveWith] (vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:902589)
at v (vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:954169)
at XMLHttpRequest. (vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2:956637)
lD.selectObject @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
c @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
fireWith @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
v @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
XMLHttpRequest.send
send @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
ajax @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
y.each.y. @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
lD.reloadData @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
d @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
p @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
setTimeout
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
c @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
fireWith @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
fire @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
c @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
fireWith @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
v @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
XMLHttpRequest.send
send @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
ajax @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
f @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
i.saveElements @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
Promise.then
lD.addElementsToWidget @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
i @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
u @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
t @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
Promise.then
e @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
Promise.then
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
lD.dropItemAdd @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ layoutEditor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
c @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
setTimeout
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
_trigger @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
_drop @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
each @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
drop @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
_mouseStop @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
_mouseUp @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
_mouseUp @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
(anonymous) @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
a._mouseCapture._mouseDistanceMet._mouseDelayMet._mouseUpDelegate @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
dispatch @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2
z.handle @ vendor.bundle.min.js?v=4.3.0&rev=ff64775e461f7e2ceb8ce550c2be418e9d43ce14:2