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

Flat & Clean Web UI

Scheduled Pinned Locked Moved
General Discussion
7
9
2.0k
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
    iDevelo
    last edited by 3 Jul 2017, 22:46 7 Mar 2017, 22:23

    So i thought i'd have a quick cleanup of the UI. Removed all the gradients, shadows and border radius's - got a bit carried away, but i seem to have lost a fair bit of that stock Bootstrap look that the other 10 million sites have.

    I've uploaded the files here: https://www.dropbox.com/sh/atzw0xy670olb50/AACj7tu6WV29g_tqUWP_rQuIa?dl=0

    1 Reply Last reply Reply Quote 0
    • undefined
      Cata
      last edited by 7 Mar 2017, 23:33

      Beautiful

      1 Reply Last reply Reply Quote 0
      • undefined
        T3P3Tony administrators
        last edited by 8 Mar 2017, 00:00

        I can see the appeal in a simpler interface, Ideally though users would be able to choose between UI implementations/skins. How easy is it for this to be kept up to date with future functionality in the web interface?

        www.duet3d.com

        1 Reply Last reply Reply Quote 0
        • undefined
          iDevelo
          last edited by 8 Mar 2017, 07:18

          It's just CSS so far and a local font so really easy.

          I'm just playing to give Chris some ideas on how a few changes would look. I know he likes all the gradients etc so I'm trying to change his mind!

          1 Reply Last reply Reply Quote 0
          • undefined
            Flyer007
            last edited by 8 Mar 2017, 12:57

            Looking cool. Is there documentation out there on the file structure controlling the interface? I would love to play with customizing it but can't invest the time in figuring out what is controlling what.

            1 Reply Last reply Reply Quote 0
            • undefined
              minsk
              last edited by 15 Mar 2017, 01:44

              very verry coool…how did you access the style sheet....looks great...im into clean and flat.....that being said...these guys are doing an amazing job on this sw and hw

              1 Reply Last reply Reply Quote 0
              • undefined
                iDevelo
                last edited by 15 Mar 2017, 07:24

                All the sources are available on GitHub. Editing the css means you need to re-package and upload.

                1 Reply Last reply Reply Quote 0
                • undefined
                  Jackal
                  last edited by 15 Mar 2017, 10:05

                  You can also download the zip file then copy the 2 css files into your browser add-on such as Stylish to apply it on top.

                  1 Reply Last reply Reply Quote 0
                  • undefined
                    briangilbert
                    last edited by 15 Mar 2017, 21:59

                    I really don't like the black bars personally.

                    Co-creator of the Zesty Nimble direct drive extruder

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