Header images not visible in DataApps in the Hub

[lsandinoIQ]

Hello
I am running in Hub some DataApps that I had in Server and the images in the headers of the visualizations look like this:

The error looks like this in browser DevTools

I am putting them as they were before through a component called Data App Header and whose image is entered as Image (Base64 Data URI Format).

What can I do?

Thanksstrong text

[MartinDDDD]

Hey there,

I found this thread which seems to cover a similar topic:

Data App Flowchart not showing Logo

Hey @Vonwen, @mwiegand, Thanks for looking into this issue. The difference between the two is likely the sanitisation that is turned on on the hub. Which hub version are you using @Vonwen? We recently introduced sanitisation by default on our Hubs and Servers. This sanitisation is turned off by default in the AP. While we did some special handling to some nodes to make sure that they only sanitise the important parts, there is still some encoding going on to prevent malicious key sequences. Th…

long story short: There are some security features built into the hub, which seem to sanitise some of the inputs and in the process break the base64 strings…

I have seen something similar on the community hub on a team plan and also noticed that some of the cool “Gen AI Chat Apps” unfortunately do not display correctly in a hub setting…

[MartinDDDD]

@lsandinoIQ

I may have a solution for you:

I’ve experimented a bit and managed to get a python view node to work.

I’ve turned this into a basic App Header component, which is shared on my public hub space here:

Data App Header - Hub – martindddd

Does not have the full functionality of the JavaScript-based one, but you can provide base64 Image, Header and Sub Header text and colors and choose a background color.

Tested it on the community hub as well and it worked.

[lsandinoIQ]

Hi @MartinDDDD
Thank you very much for your development, and I really appreciate you taking the time to respond.

I would still like to come up with a solution that doesn’t require Python, so I don’t have to get into Hub integration configuration requirements.

Thanks a lot

[MartinDDDD]

As far as I understand this should work w/o setting up anything on the hub-side as it is using only things that come with the bundled environment (honestly all it is doing is using html and injects it into a Python View node… From reading through the topic linked above I’m afraid that due to security reasons the javascript based data app headers may not work… happy to be proven wrong though

[lsandinoIQ]

I understand that the integration process is necessary, but I will try what you tell me. However, taking into account your comment it occurs to me that there is a node (which I think is deprecated but it could work), that allows to put the html and interprets it. I will try it and let you know.
Thank you very much for taking the time. I really appreciate it