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

    BtnCmd-DWC Plugin - Customise DWC - v01.03.08 01-03-25

    Scheduled Pinned Locked Moved
    Plugins for DWC and DSF
    27
    244
    38.6k
    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.
    • Diamondbackundefined
      Diamondback @MintyTrebor
      last edited by

      @mintytrebor Ha, ok, feeling a bit stupid now 😄
      The button is there, yep.

      However, it does not quite work as nicely as the desktop version. On desktop, I can have BtnCmd hide the top panel in its own tab, but other tabs still work fine.
      On the iPad, if I hide the top with the dedicated button, it's gone for all tabs... Which is a bit annoying to use. I really just need the top hidden in BtnCmd (due to fairly limited screen space).

      But ok, if you run into issues with that functionality, that's understandable 👍

      1 Reply Last reply Reply Quote 0
      • Diamondbackundefined
        Diamondback @MintyTrebor
        last edited by

        @mintytrebor Now I do need to come back to you, while what you said works in portrait mode, in landscape it doesn't. Neither the DWC button nor the BtnCmd settings show up.
        It's an iPad Mini 4 with a screen resolution of 2048×1536

        MintyTreborundefined 1 Reply Last reply Reply Quote 0
        • MintyTreborundefined
          MintyTrebor @Diamondback
          last edited by MintyTrebor

          @diamondback I'll check the framework and see if there is anything I can do with BtnCmd & that resolution. It's also possible that BtnCmd is not detecting the rotation and updating its settings once its already loaded.

          Obviously there is nothing I can do about the standard DWC green button feature 😁

          NodeDSF - Native Node-Red integration with Duet boards.
          BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
          ReleaseMgr - Duet update info inside DWC.
          Repo

          Diamondbackundefined 1 Reply Last reply Reply Quote 1
          • Diamondbackundefined
            Diamondback @MintyTrebor
            last edited by

            @mintytrebor said in BtnCmd-DWC Plugin-Custom Layouts & Buttons - v0.9.01 06-10-21:

            @diamondback I'll check the framework and see if there is anything I can do with BtnCmd & that resolution. It's also possible that BtnCmd is not detecting the rotation and updating its settings once its already loaded.

            Obviously there is nothing I can do about the standard DWC green button feature 😁

            How would I manually trigger a resolution change detection? I tried just reloading the page, that didn't change anything though.

            MintyTreborundefined 1 Reply Last reply Reply Quote 0
            • MintyTreborundefined
              MintyTrebor @Diamondback
              last edited by

              @diamondback OK found the issue, my code considers anything less than 1264px as mobile, the iPad 4 renders @ 1024x768 (not the native resolution you mentioned), so I can adjust my code to lower the mobile trigger to <960px. I'll make the change in the next release.

              NodeDSF - Native Node-Red integration with Duet boards.
              BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
              ReleaseMgr - Duet update info inside DWC.
              Repo

              Diamondbackundefined 1 Reply Last reply Reply Quote 1
              • Diamondbackundefined
                Diamondback @MintyTrebor
                last edited by

                @mintytrebor Cool, looking forward to this 🙂

                1 Reply Last reply Reply Quote 0
                • MintyTreborundefined
                  MintyTrebor @MintyTrebor
                  last edited by

                  Published BtnCmd Beta 0.9.02 for DWC 3.3 and 3.4b5

                  Changes:
                  Changed mobile screen size detection parameters.
                  Added experimental mitigation to prevent the navigation bar drawing behind BtnCmd Panels when the navigation bar is automatically hidden.
                  Changed settings to enforce enablement of the Top Panel Show/Hide button if "Hide Top Panel by default" option is enabled.

                  NodeDSF - Native Node-Red integration with Duet boards.
                  BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                  ReleaseMgr - Duet update info inside DWC.
                  Repo

                  Diamondbackundefined 2 Replies Last reply Reply Quote 1
                  • Diamondbackundefined
                    Diamondback @MintyTrebor
                    last edited by

                    @mintytrebor Works perfectly, thanks a lot!

                    1 Reply Last reply Reply Quote 0
                    • Diamondbackundefined
                      Diamondback @MintyTrebor
                      last edited by

                      @mintytrebor Is there any way to display arbitrary text? I want to make headers for my custom panels so things are a little cleaner.
                      Something like this:
                      2021-10-18_11-02-02.png

                      (I used an objectmodel panel for this that points to a null value)

                      MintyTreborundefined 1 Reply Last reply Reply Quote 0
                      • MintyTreborundefined
                        MintyTrebor @Diamondback
                        last edited by

                        @diamondback Published Beta 0.9.03

                        Changes:
                        Added Text/Label Panel - User defined text string with options for text orientation, text colour, and background colour.
                        Enabled ability to hide panel border for Machine Model Value, and Text/Label panels.

                        Screenshot 2021-10-19 140753.png

                        NodeDSF - Native Node-Red integration with Duet boards.
                        BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                        ReleaseMgr - Duet update info inside DWC.
                        Repo

                        Diamondbackundefined 1 Reply Last reply Reply Quote 4
                        • Diamondbackundefined
                          Diamondback @MintyTrebor
                          last edited by Diamondback

                          @mintytrebor Wow, you're fast, thanks a lot! 🙂

                          I think I found a few issues with the text though:

                          • The border hiding doesn't seem to do anything, in the edit mode it's gone, but in actual use it's back.
                          • The overall padding of the text panel makes it very hard to use as a header without wasting lots of space, maybe it can be reduced?
                          • Vertical text option doesn't do anything?

                          Here you can see the first two issues at once (the spacing there is smallest I can get it to be):
                          2021-10-20_01-41-15.png

                          MintyTreborundefined 1 Reply Last reply Reply Quote 0
                          • MintyTreborundefined
                            MintyTrebor @Diamondback
                            last edited by MintyTrebor

                            @diamondback It works fine for objects not in a custom panel, I must have missed that change in the custom panel code. I'll see what I can do about the text padding whilst I update it.

                            Update : Yep- I missed out the word "flat" in the custom panel code - 🤦

                            NodeDSF - Native Node-Red integration with Duet boards.
                            BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                            ReleaseMgr - Duet update info inside DWC.
                            Repo

                            Diamondbackundefined 1 Reply Last reply Reply Quote 1
                            • Diamondbackundefined
                              Diamondback @MintyTrebor
                              last edited by

                              @mintytrebor Excellent 🙂 While we are at it, how about an option to not show a border around custom panels? In my image above, the outer (too small) panel is added automatically when I place the custom panel in a tab.
                              THhis works fine, but as you can see, when I change my panel content, the size is off. This means that I need to edit the tab layout as well after changing the custom panel.
                              If the border was part of the custom panel though (via the new static text panel), the resizing would happen in the same place as the actual content.
                              Maybe a tad confusing, did you understand what I mean?

                              MintyTreborundefined 1 Reply Last reply Reply Quote 0
                              • MintyTreborundefined
                                MintyTrebor @Diamondback
                                last edited by

                                @diamondback

                                Published Beta 0.9.04.

                                Changes:
                                Fixed Text & Machine Model panels issue when used in custom panels.
                                Enabled ability to hide the panel border for custom panels in layouts.
                                Fixed right click menu issue with DWC Webcam Panel.
                                Removed redundant text orientation option in Text Panels - Text auto word wraps.
                                Reduced padding on Text & Machine Model panels, so panels can be made smaller.

                                Screenshot 2021-10-20 155810.png

                                Screenshot 2021-10-20 155853.png

                                NodeDSF - Native Node-Red integration with Duet boards.
                                BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                                ReleaseMgr - Duet update info inside DWC.
                                Repo

                                Diamondbackundefined 1 Reply Last reply Reply Quote 2
                                • Diamondbackundefined
                                  Diamondback @MintyTrebor
                                  last edited by

                                  @mintytrebor Great work! 🙂 Now I just have one request to make my custom layouts perfectly easy to use.
                                  I currently can't have a static text panel where the text is non centered.

                                  Take a look here:
                                  2021-10-21_00-28-31.png

                                  I would like to have that text at the top rather than centered, that way I can fully design my custom panels in panel mode and then not use a border around them in tab mode. I'm not sure how to best deal with the padding (maybe just expose it to the UI?), but as is, I basically need to use the border less text in panel mode and then still use the border in the tab mode as I can't get the text up there otherwise.

                                  MintyTreborundefined 1 Reply Last reply Reply Quote 0
                                  • MintyTreborundefined
                                    MintyTrebor @Diamondback
                                    last edited by

                                    @diamondback Use a text panel with just a space. This will give you a blank panel, you can then overlay other text panels anywhere.

                                    Screenshot 2021-10-21 155854.png

                                    NodeDSF - Native Node-Red integration with Duet boards.
                                    BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                                    ReleaseMgr - Duet update info inside DWC.
                                    Repo

                                    Diamondbackundefined 2 Replies Last reply Reply Quote 1
                                    • Diamondbackundefined
                                      Diamondback @MintyTrebor
                                      last edited by

                                      @mintytrebor Any idea why the text wouldn't show up in actual use? It's there in the panel edit mode:
                                      2021-10-21_08-57-09.png
                                      vs.
                                      2021-10-21_08-57-56.png

                                      MintyTreborundefined 1 Reply Last reply Reply Quote 0
                                      • MintyTreborundefined
                                        MintyTrebor @Diamondback
                                        last edited by

                                        @diamondback Try clicking the bring to the front button, and save. Then refresh the browser.

                                        NodeDSF - Native Node-Red integration with Duet boards.
                                        BtnCmd - Customise DWC with user defined buttons/layouts/panels (DWC Plugin)
                                        ReleaseMgr - Duet update info inside DWC.
                                        Repo

                                        Diamondbackundefined 1 Reply Last reply Reply Quote 0
                                        • Diamondbackundefined
                                          Diamondback @MintyTrebor
                                          last edited by

                                          @mintytrebor Looks like deleting and re-adding the text solved that issue.
                                          If the empty panel + extra panel for text is the desired way of doing header, can you maybe default the layer of the panels to be at the bottom rather than the top?
                                          Atm, when you add such a background to an existing panel, it covers everything and every single button needs to be brought to the top manually.

                                          MintyTreborundefined 1 Reply Last reply Reply Quote 0
                                          • Diamondbackundefined
                                            Diamondback @MintyTrebor
                                            last edited by

                                            @mintytrebor said in BtnCmd-DWC Plugin-Custom Layouts & Buttons - v0.9.04 20-10-21:

                                            @diamondback Try clicking the bring to the front button, and save. Then refresh the browser.

                                            I tried that before, no luck. Only deleting and adding again had any effect.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Unless otherwise noted, all forum content is licensed under CC-BY-SA