Skip to content
This repository has been archived by the owner on Aug 10, 2024. It is now read-only.

performance .... #91

Open
JoeWiseman opened this issue Mar 2, 2021 · 1 comment
Open

performance .... #91

JoeWiseman opened this issue Mar 2, 2021 · 1 comment

Comments

@JoeWiseman
Copy link

Hi @bartbutenaers
this not really an issue but more a question of how to avoid a problem in the future ...
I want to buil a UI for IoT with your node. In the Backgroud I habe a png rendered by SmartHome3D (about 2MB).
The site will only be accessed from within the local network.

Is it better to place the PNG-code wihtin the SVG-data or is it better to put it as a background image into node-red's dashboard itself?

Would be great to get some help.

Joe

@JoeWiseman
Copy link
Author

Hi,

I just figured out how to display an underlying bitmap other than including it into the SVG-code.
My Floorplan is a rendered by SmartHome3D and is about 2MB. Because my GUI shoould only be accessed from the local network the size is not a problem for transfering data to the client ;-) But when inserting the PNG-code into my SVG-code Node Red is giving an error that payload is too long ....

My first thought was to set the image as background in the dashboards group. But as I found out I was not able to set the background of the node-red-contrib-ui-svg. Setting the background to transparent works fine for the standard elements like button or slider, but not for the SVG-node. Maybe there is an issue wihtin the CSS that the styles are not exactley set to the values of the standard dashboard-element?

Yesterday I red here
#35
in a post from @andreypopov after clsing the issue about the possibility to use a link from within the SVG-code which works fine for me.

Regards
Joe

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant