• Tags
  • Documentation
  • Order
  • Register
  • Login
Duet3D Logo Duet3D
  • Tags
  • Documentation
  • Order
  • Register
  • Login

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

Scheduled Pinned Locked Moved
DueUI
3
73
3.3k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • undefined
    Dario02 @gtj0
    last edited by Dario02 20 Apr 2020, 17:07

    @gtj0 what about custom icons? For example I made some images that I would like to use for buttons, any example? If you tell me that you will make a tutorial for everything on wiki I can wait that you finish

    undefined 1 Reply Last reply 20 Apr 2020, 17:29 Reply Quote 0
    • undefined
      gtj0 @Dario02
      last edited by 20 Apr 2020, 17:29

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

      @gtj0 what about custom icons? For example I made some images that I would like to use for buttons, any example? If you tell me that you will make a tutorial for everything on wiki I can wait that you finish

      Just put them in the same directory as the top level html file and you can use the button example above. "value": "<img src='/my_icon.png'/>"
      Now the button will display the icon instead of text.

      undefined 2 Replies Last reply 20 Apr 2020, 17:35 Reply Quote 0
      • undefined
        Dario02 @gtj0
        last edited by 20 Apr 2020, 17:35

        @gtj0 ok thank you, another question is how can I manage containers? For example to create a barmenu etc. I suggest you to write all this stuff in the wiki 😉

        1 Reply Last reply Reply Quote 0
        • undefined
          Dario02 @gtj0
          last edited by Dario02 20 Apr 2020, 17:44

          @gtj0 Just put them in the same directory as the top level html file and you can use the button example above. "value": "<img src='/my_icon.png'/>" doesn't work, maybe I didn't understand correctly, an example for '/my_icon.png' please

          1 Reply Last reply Reply Quote 0
          • undefined
            Dario02
            last edited by Dario02 20 Apr 2020, 17:54

            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....

            undefined 1 Reply Last reply 20 Apr 2020, 18:55 Reply Quote 0
            • undefined
              gtj0 @Dario02
              last edited by 20 Apr 2020, 18:55

              @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

              undefined 1 Reply Last reply 20 Apr 2020, 18:57 Reply Quote 0
              • undefined
                Dario02 @gtj0
                last edited by 20 Apr 2020, 18:57

                @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?

                undefined 1 Reply Last reply 20 Apr 2020, 19:35 Reply Quote 0
                • undefined
                  gtj0 @Dario02
                  last edited by 20 Apr 2020, 19:35

                  @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.

                  1 Reply Last reply Reply Quote 0
                  • undefined
                    tech-raton
                    last edited by 21 Apr 2020, 17:18

                    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.

                    1 Reply Last reply Reply Quote 0
                    • undefined
                      Dario02
                      last edited by 9 May 2020, 21:16

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

                      undefined 1 Reply Last reply 9 May 2020, 21:19 Reply Quote 0
                      • undefined
                        gtj0 @Dario02
                        last edited by 9 May 2020, 21:19

                        @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.

                        undefined 1 Reply Last reply 9 May 2020, 21:23 Reply Quote 0
                        • undefined
                          Dario02 @gtj0
                          last edited by 9 May 2020, 21:23

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

                          undefined 1 Reply Last reply 9 May 2020, 21:27 Reply Quote 0
                          • undefined
                            gtj0 @Dario02
                            last edited by 9 May 2020, 21:27

                            @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 ?

                            undefined 2 Replies Last reply 9 May 2020, 21:28 Reply Quote 0
                            • undefined
                              Dario02 @gtj0
                              last edited by Dario02 5 Sept 2020, 21:28 9 May 2020, 21:28

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

                              1 Reply Last reply Reply Quote 0
                              • undefined
                                Dario02 @gtj0
                                last edited by 9 May 2020, 21:29

                                @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

                                1 Reply Last reply Reply Quote 0
                                • undefined
                                  Dario02
                                  last edited by 9 May 2020, 21:31

                                  @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

                                  undefined 1 Reply Last reply 9 May 2020, 21:35 Reply Quote 0
                                  • undefined
                                    gtj0 @Dario02
                                    last edited by 9 May 2020, 21:35

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

                                    undefined 1 Reply Last reply 9 May 2020, 21:37 Reply Quote 0
                                    • undefined
                                      Dario02 @gtj0
                                      last edited by 9 May 2020, 21:37

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

                                      1 Reply Last reply Reply Quote 0
                                      • undefined
                                        Dario02
                                        last edited by 9 May 2020, 21:40

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

                                        undefined 2 Replies Last reply 9 May 2020, 21:44 Reply Quote 0
                                        • undefined
                                          gtj0 @Dario02
                                          last edited by 9 May 2020, 21:44

                                          @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.

                                          undefined 1 Reply Last reply 9 May 2020, 21:49 Reply Quote 0
                                          • First post
                                            Last post
                                          Unless otherwise noted, all forum content is licensed under CC-BY-SA