Image integration in the dashboard

Dashboard
21

I tried but it doesn't work

22

Nodered starts automatically. I'll try the command lines to see if I get the information.

23

image

my static folder is c:\temp

the file is saved in c:\temp\test\gate_open.gif

so i type :1881/test/gate_open.gif

24

@Udina did you restart the machine after changing as @krambriw suggested ?

25

Yes, I restart the server whenever I make a change to a configuration file.

Here is the nodered startup report :

Capture
Capture1126×671 135 KB

I have a broker problem at startup but I don't think it poses a problem for my image concerns. I don't see anything in the report that talks about "HTTPStatic"

26

image
image745×28 5.8 KB

I may be wrong, but do check if the changes you made for httpstatic in the settings file is the same file shown above?

27

Just as example from one of my computers, I have httpStatic: '/var/www/html/pics/'

So my images are in the pics folder and I can view them directly by typing http://192.168.0.241:1880/captured21.jpg

Therefore in my code in the ui-node I have:

<table>
    <tr><!-- Row 1 -->
    		<td style="text-align: center"><img src="/captured31.jpg" id='p31' width="405px"/></td>
   		    <td style="text-align: center"><img src="/captured12.jpg" id='p12' width="405px"/></td>
    		<td style="text-align: center"><img src="/captured41.jpg" id='p41' width="405px"/></td>
    		<td style="text-align: center"><img src="/captured11.jpg" id='p11' width="405px"/></td>
    </tr>
</table>
<table>
    <tr><!-- Row 2 -->
    		<td style="text-align: center"><img src="/captured32.jpg" id='p32' width="405px"/></td>
     		<td style="text-align: center"><img src="/captured22.jpg" id='p22' width="405px"/></td>
    		<td style="text-align: center"><img src="/captured21.jpg" id='p21' width="405px"/></td>
    <!--	<td style="text-align: center"><img src="/captured42.jpg" id='p42' width="405px"/></td> -->
   </tr>
</table>

As an example this works as expected. I think you need to double-check your settings

image
image1004×422 97.3 KB

28

I think you found my problem !

I therefore have two instances of NodeRed, the first in this location ( This is where I make all my changes since installing Nodered ) :

Capture
Capture1027×376 41.5 KB

The second instance found here :

Capture
Capture1029×528 60.8 KB

I don't understand, I don't have the impression that this second instance was there a few days ago.

An idea ?

29

so make the httpstatic changes in the 'correct' settings file (which shows up in the startup log when you start node-red) and see if the problem is resolved ?

30

Modification succeeds, when starting nodered, the option of my static folder is mentioned

Capture
Capture915×615 125 KB

31

That's it, I managed to put an image, on the other hand, for a PNG image, how come I have a whole white surround ?

Capture
Capture1555×676 55.3 KB

32

What is your ui-template size?

33

where can I find this information ?

Capture
Capture612×753 35 KB

34

It's good, I found it, I work on my template directly on the web browser with the inspector element (f12), it works well. Thanks for taking the time to help me :ok_hand: :+1:

35

glad you could find the solution. if you dont mind can you post the final solution picture and also please mark the relevant post as solution and mark the thread as closed.

36

Here is the final image that I recreated for the occasion. thanks again

Capture.PNG
Capture.PNG1582×679 60.8 KB