However, after connecting and successfully downloading content, the images do not display as expected. Instead, they appear as shown in the attached file.
I’m unsure if any additional configurations or ports are required.
It is highly possible that you did a custom install for your self-hosted CMS. You will need to generate your API encryption keys which are needed for the player and preview to function, to do so, please check Xibo on a Web server | Xibo Digital Signage. You don’t need to override the paths, you’ll just need to create the three files using the commands provided and save them in to the library directory in the certs folder.
It’s also vital that XTR is running properly, so you will need to make sure that you configure it and the tasks are being run regularly as the webserver user. If you are on a docker or cloud install that’s been done for you already.
Also, please make sure you provide access to those mentioned in here > Xibo Dashboard Service | Xibo Digital Signage. It needs to be performed on either webserver or docker installs.
Let me know if this helps and could you confirm how you have installed your self-hosted CMS please?
Could you please confirm that the URLs mentioned on this documentation > Xibo Dashboard Service | Xibo Digital Signage are all whitlisted on any of your network filtering system, firewall, proxy server in the CMS side?