[HELP] How to use DueUI without a Duet using chrome

Dario02

ok i had to resize the image... is there a way like on css to self crop the image specifying the size in pixel or in percentage?
Another problem is that by setting an image as value this is not centered and remains some colored margin....

gtj0

@Dario02 You have complete control over the styling with the "style" attribute. Almost anything you can do in CSS you can do with "style". See the example in https://github.com/gtjoseph/DueUI/wiki/Element

Dario02

@gtj0 ok I'll check thank you, please could you check why If I put an image to a button the image is not centered and doesn't cover the whole button even if I resize it in photoshop?

gtj0

@Dario02 At the time the screen is painted, the browser might not know what the size of the image is.

Let's say your image is 128x128 but you want it to display as 32x32 in a button that's 8 pixels bigger (40x40):

{
	"id": "my_button",
	"type": "button",
	// Set the size of the image
	"value": "<img src='my_icon.png' width='32' height='32'/>",
	// Set the size of the button
	"style": {
		"width": "40px",
		"height": "40px",
		"padding": "8px",
	},
},

You'll have to play with the style (CSS) to get it to display the way you want.

tech-raton

Thank you very much,

I'm on tracks.
I'm modifying your file.
I was looking for a way to modify the layout of dwc but your way is easier.
Thank you again.

Dario02

@gtj0 how to fix this errore?
Could not retrieve config from http://192.168.1.118/rr_download?name=/sys/dueui_config.json

gtj0

@Dario02 said in [HELP] How to use DueUI without a Duet using chrome:

@gtj0 how to fix this errore?
Could not retrieve config from http://192.168.1.118/rr_download?name=/sys/dueui_config.json

Does the file actually exist in the /sys/ directory on the Duet?
If not, you need to either place the file there, or change the "DueUI config file URL" in Settings to point to the correct config file.

Dario02

@gtj0 the file is in the sys folder, how can I see the exact url????

gtj0

@Dario02 You're using a Duet in standalone mode yes? No Raspberry Pi attached?
If so, that should be the URL. Can you just enter that URL in a browser and get the file? How about http://192.168.1.118/rr_download?name=/sys/config.g ?

Dario02

@gtj0 ~~I'm using the duet connected via ethernet and the url you gave me doesn't work~~
wait . . .

Dario02

@gtj0 I'm using duet 2 ethernet connected via cable and the url you gave me works...
I assume I have to give that url but with the json file's path

Dario02

@gtj0 it works, I don't know if it's because you changed the file name with dueui_config_default_standalone.json that didn't work

gtj0

@Dario02 Ah OK. You can use the DuetWebControl to see the files on the Duet's SD Card.

Dario02

@gtj0 yay, now it's working fine, I have to "study" how to use elements etc

Dario02

@gtj0 is there a way to modify the config.json without removing the sd card?

gtj0

@Dario02 Sure. Use the DuetWebControl and go to "File Management, System". You can upload files and even edit the config.json file right from there.

gtj0

@Dario02 Oh don't forget, the file doesn't actually have to be on the Duet. You can have it anywhere as I described above.

Dario02

@gtj0 ehm... how should I use dwc if I can't see it?? I just received my duet and I'm not well informed... My last question is "how can I setup my DUEUI for a 7" rpi lcd?

Dario02

@gtj0 I mean that if I search 192.168.1.118 I only see a blank page... before install dueui I was able to see the dwc page

gtj0

@Dario02 said in [HELP] How to use DueUI without a Duet using chrome:

@gtj0 ehm... how should I use dwc if I can't see it?? I just received my duet and I'm not well informed...

If 192.168.1.118 is the IP address of your Duet, then just go to http://192.168.1.118/
That the default user interface that ships with all Duets.

My last question is "how can I setup my DUEUI for a 7" rpi lcd?

You'll need to run a browser on the Pi.