ESP32-CAM dashboard template - how to adjust width?

Hi all,

How can I resize the image so it's full width with no scroll bar?

When I change the width or height it just makes the image taller, and the bottom scroll bar remains.

Thanks

[{"id":"d5d44d03.369d1","type":"ui_template","z":"bec7ca82.7a1ca8","group":"d6c53486.e0b278","name":"","order":7,"width":"0","height":"0","format":"<div style=\"margin-bottom: 10px;\">\n<img src=\"http://192.168.107.12\" height=\"650px\" width=\"650px\">\n</div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":280,"y":300,"wires":[[]]},{"id":"d6c53486.e0b278","type":"ui_group","z":"","name":"ESP32-CAM","tab":"3cc29daa.61f162","disp":true,"width":"6","collapse":false},{"id":"3cc29daa.61f162","type":"ui_tab","z":"","name":"Camera","icon":"dashboard","disabled":false,"hidden":false}]

I followed this guide.

image

Delete width="650px" and height="650px" and put style="width:100%" ?

See the HTML (and other) bible and do the same to see what's happen :
<img src="img_girl.jpg" alt="Girl in a jacket" style="width:100%">
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_size

2 Likes

Thank you I will try that :+1:t2: