Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Feature Requests
  3. Dashbard UX enhancement suggestions

Dashbard UX enhancement suggestions

Scheduled Pinned Locked Moved Solved Feature Requests
userinterface
62 Posts 12 Posters 16.5k Views 12 Watching
  • 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.
  • girishG girish

    login indicator is an excellent suggestion! I prefer it to be always shown instead on hover. (I don't like the current settings icon hover either... but that's a separate topic).

    imc67I Offline
    imc67I Offline
    imc67
    translator
    wrote on last edited by
    #7

    @girish but please make sure that it also works on tablets like an iPad Pro because currently it's almost impossible to use the Dashboard on an iPad as the "hover icons" are not visible (and you can't hover on a tough device) and after struggling when you do see them they are much much to small ๐Ÿ˜ž

    1 Reply Last reply
    2
    • marcusquinnM Offline
      marcusquinnM Offline
      marcusquinn
      wrote on last edited by
      #8

      Given that these icons (username/email/auth) are just visual but not clickable, may I suggest a ... icon in the top right that is clickable/tappable as a context menu for config/logs/info/url instead of the rollover icons?

      Screenshot from WebCatalog, just as an example of the top-right area idea:

      0439e79e-f1bb-4fd7-a49b-fec1448cd07a-image.png

      Web Design https://www.evergreen.je
      Development https://brandlight.org
      Life https://marcusquinn.com

      1 Reply Last reply
      2
      • marcusquinnM Offline
        marcusquinnM Offline
        marcusquinn
        wrote on last edited by
        #9

        Eg:

        8faca138-f46d-4536-9d41-5daed940203e-image.png

        Web Design https://www.evergreen.je
        Development https://brandlight.org
        Life https://marcusquinn.com

        1 Reply Last reply
        3
        • marcusquinnM Offline
          marcusquinnM Offline
          marcusquinn
          wrote on last edited by
          #10

          For interest, I name Apps like this, so they are sort of self-explanatory:

          5dcac770-e26f-44c4-a912-73812221573e-image.png

          Web Design https://www.evergreen.je
          Development https://brandlight.org
          Life https://marcusquinn.com

          imc67I BrutalBirdieB 2 Replies Last reply
          2
          • marcusquinnM marcusquinn

            For interest, I name Apps like this, so they are sort of self-explanatory:

            5dcac770-e26f-44c4-a912-73812221573e-image.png

            imc67I Offline
            imc67I Offline
            imc67
            translator
            wrote on last edited by
            #11

            @marcusquinn great, I do something similar and add "My" in front of the name when it is LDAP, so the user know it can login with same credentials (but here is the thing like mentioned before, sometimes with username and sometimes with full email address).

            marcusquinnM 1 Reply Last reply
            3
            • marcusquinnM marcusquinn

              For interest, I name Apps like this, so they are sort of self-explanatory:

              5dcac770-e26f-44c4-a912-73812221573e-image.png

              BrutalBirdieB Offline
              BrutalBirdieB Offline
              BrutalBirdie
              Partner
              wrote on last edited by BrutalBirdie
              #12

              @marcusquinn Ah yes the self-explanatory ...

              dbedabb1-5515-4542-99ee-d0404b981d4c-image.png

              a9250403-a2d2-40fa-865d-65f76e80ab85-image.png

              .
              

              app.

              โ™ฅ ๐Ÿ˜„

              Mine is even worse:

              ac557672-b266-4706-810c-4fc92e157847-image.png

              Like my work? Consider donating a drink. Cheers!

              marcusquinnM 1 Reply Last reply
              2
              • imc67I imc67

                @marcusquinn great, I do something similar and add "My" in front of the name when it is LDAP, so the user know it can login with same credentials (but here is the thing like mentioned before, sometimes with username and sometimes with full email address).

                marcusquinnM Offline
                marcusquinnM Offline
                marcusquinn
                wrote on last edited by
                #13

                @imc67 Nice. I have been using the Rocket Chat home page as a one-page reference documentation for all other app explanations and things like that.

                Web Design https://www.evergreen.je
                Development https://brandlight.org
                Life https://marcusquinn.com

                1 Reply Last reply
                0
                • BrutalBirdieB BrutalBirdie

                  @marcusquinn Ah yes the self-explanatory ...

                  dbedabb1-5515-4542-99ee-d0404b981d4c-image.png

                  a9250403-a2d2-40fa-865d-65f76e80ab85-image.png

                  .
                  

                  app.

                  โ™ฅ ๐Ÿ˜„

                  Mine is even worse:

                  ac557672-b266-4706-810c-4fc92e157847-image.png

                  marcusquinnM Offline
                  marcusquinnM Offline
                  marcusquinn
                  wrote on last edited by
                  #14

                  @brutalbirdie Edited for a teeny bit of client privacy. Clever birdie ๐Ÿฆ

                  Web Design https://www.evergreen.je
                  Development https://brandlight.org
                  Life https://marcusquinn.com

                  BrutalBirdieB 1 Reply Last reply
                  1
                  • marcusquinnM marcusquinn

                    @brutalbirdie Edited for a teeny bit of client privacy. Clever birdie ๐Ÿฆ

                    BrutalBirdieB Offline
                    BrutalBirdieB Offline
                    BrutalBirdie
                    Partner
                    wrote on last edited by
                    #15

                    @marcusquinn Figures ๐Ÿ™‚ ๐Ÿ‘
                    I was just reading the names and then the . struck me.
                    Love It.

                    Like my work? Consider donating a drink. Cheers!

                    1 Reply Last reply
                    1
                    • hexbinH hexbin

                      Hello power users, here's a collection of newbie users' experience feedback for the dashboard:

                      • Confusion about what app to use for what purpose (in the respective organization)
                      • Confusion about "wrong login credentials"

                      (Whining at a high level, they are all very happy with Cloudron)

                      Here's a suggestion to mitigate confusion:

                      Cloudron-dashboard-enhancements_210326hxb.png

                      • Keep the label field untouched ("filebox"). Using the subdomain part as a default works well and we do not want any disruption here
                      • Add a description field for individual information ("File transfer"). This can be empty by default.
                      • Add login type information (if possible). Depending on the permissions handling of the grid-item-actions layer you could add that icon there, otherwise append it with an :after element to the container. Plus a legend below.

                      Happy to help with CSS fumbling if that helps getting forward ๐Ÿ˜‰

                      And Please forgive me for not having digged deeply into possibly related issues. I found #1804 with a "perhaps related".

                      marcusquinnM Offline
                      marcusquinnM Offline
                      marcusquinn
                      wrote on last edited by marcusquinn
                      #16

                      @hexbin Any thoughts on icons for those apps with 2FA enabled too perhaps? Maybe a superscript 2? Eg:

                      ๐Ÿ‘ฑยฒ

                      Web Design https://www.evergreen.je
                      Development https://brandlight.org
                      Life https://marcusquinn.com

                      infogulchI 1 Reply Last reply
                      1
                      • marcusquinnM marcusquinn

                        @hexbin Any thoughts on icons for those apps with 2FA enabled too perhaps? Maybe a superscript 2? Eg:

                        ๐Ÿ‘ฑยฒ

                        infogulchI Offline
                        infogulchI Offline
                        infogulch
                        wrote on last edited by
                        #17

                        I like superscript text generators for these things: ยฒแถ แตƒ

                        1 Reply Last reply
                        1
                        • ? Offline
                          ? Offline
                          A Former User
                          wrote on last edited by A Former User
                          #18

                          While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                          Screen Shot 2021-03-31 at 10.15.35 AM.png

                          I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                          MooCloud_MattM nebulonN 2 Replies Last reply
                          3
                          • ? A Former User

                            While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                            Screen Shot 2021-03-31 at 10.15.35 AM.png

                            I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                            MooCloud_MattM Offline
                            MooCloud_MattM Offline
                            MooCloud_Matt
                            wrote on last edited by
                            #19

                            @atrilahiji said in Dashbard UX enhancement suggestions:

                            Perhaps a Play/Stop button to start/stop the server and a restart button here?

                            +1

                            Matteo. R.
                            Founder and Tech-Support Manager.
                            MooCloud MSP
                            Swiss Managed Service Provider

                            1 Reply Last reply
                            1
                            • ? A Former User

                              While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                              Screen Shot 2021-03-31 at 10.15.35 AM.png

                              I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                              nebulonN Offline
                              nebulonN Offline
                              nebulon
                              Staff
                              wrote on last edited by
                              #20

                              @atrilahiji some time back we have thought of this actually, back then though it wasn't quite clear to us if this is a common thing to do or not. I am still not sure about the use-case for starting and stopping apps frequently, but maybe I just don't have that. Adding such a button is easy enough if many users find that useful.

                              ? d19dotcaD 2 Replies Last reply
                              0
                              • nebulonN nebulon

                                @atrilahiji some time back we have thought of this actually, back then though it wasn't quite clear to us if this is a common thing to do or not. I am still not sure about the use-case for starting and stopping apps frequently, but maybe I just don't have that. Adding such a button is easy enough if many users find that useful.

                                ? Offline
                                ? Offline
                                A Former User
                                wrote on last edited by A Former User
                                #21

                                @nebulon I can't speak for others but I frequently change config values and restart apps. Not just for EleutheriaPay but a couple other apps require this to pick up config changes. Gitea for example. As for starting and stopping, I have multiple minecraft servers I host but they often don't need to be on all the time, so I turn them off from time to time to save on resources.

                                nebulonN 1 Reply Last reply
                                2
                                • hexbinH Offline
                                  hexbinH Offline
                                  hexbin
                                  wrote on last edited by
                                  #22

                                  Oh my, there we've got something ๐Ÿ˜„
                                  So many good ideas, this community is awesome!

                                  I love @marcusquinn's dot menu suggestion. If that is accessible for all roles we can keep the tiles largely free from clutter. If it's only for admins we should list separately what should must find a place on the tile.

                                  As to the 2FA idea, of course we can find an icon to reflect that (I've been using fontawesome icons for the wireframe because the font is already in use - but I cannot find any suitable icon there).

                                  Before we get to that: are there any apps that require 2FA by default? I only know of those with optional settings. Digging that deep would mean that we'd eventually have to pick the icons to display, right?

                                  marcusquinnM 1 Reply Last reply
                                  1
                                  • girishG girish

                                    login indicator is an excellent suggestion! I prefer it to be always shown instead on hover. (I don't like the current settings icon hover either... but that's a separate topic).

                                    hexbinH Offline
                                    hexbinH Offline
                                    hexbin
                                    wrote on last edited by
                                    #23

                                    @girish said in Dashbard UX enhancement suggestions:

                                    [...] (I don't like the current settings icon hover either... but that's a separate topic).

                                    Give me a little more background information on how it's built (or a link to that separate topic), maybe I can help (with expertise in UX, CSS, accessibility).

                                    1 Reply Last reply
                                    1
                                    • nebulonN nebulon

                                      @atrilahiji some time back we have thought of this actually, back then though it wasn't quite clear to us if this is a common thing to do or not. I am still not sure about the use-case for starting and stopping apps frequently, but maybe I just don't have that. Adding such a button is easy enough if many users find that useful.

                                      d19dotcaD Offline
                                      d19dotcaD Offline
                                      d19dotca
                                      wrote on last edited by
                                      #24

                                      @nebulon I agree with @atrilahiji's use-case, and is the same for me in most cases too. I may make a change in an app (usually WordPress) in a file that may only get read on boot, therefore for the settings to take effect I need to restart the app so the changes are recognized. Sometimes it's also nice to just have a "clean start" of the app to at least sanity-check / rule out items when troubleshooting (such as caching and other areas depending on the app).

                                      --
                                      Dustin Dauncey
                                      www.d19.ca

                                      1 Reply Last reply
                                      1
                                      • hexbinH hexbin

                                        Oh my, there we've got something ๐Ÿ˜„
                                        So many good ideas, this community is awesome!

                                        I love @marcusquinn's dot menu suggestion. If that is accessible for all roles we can keep the tiles largely free from clutter. If it's only for admins we should list separately what should must find a place on the tile.

                                        As to the 2FA idea, of course we can find an icon to reflect that (I've been using fontawesome icons for the wireframe because the font is already in use - but I cannot find any suitable icon there).

                                        Before we get to that: are there any apps that require 2FA by default? I only know of those with optional settings. Digging that deep would mean that we'd eventually have to pick the icons to display, right?

                                        marcusquinnM Offline
                                        marcusquinnM Offline
                                        marcusquinn
                                        wrote on last edited by
                                        #25

                                        @hexbin We've used the Fontawesome badge layering to good effect before: http://alaind-.github.io/font-awesome-badge/

                                        Good point on how to know if the app has 2FA enforced or not.

                                        Thinking further; I think the whole world begrudgingly knows and accepts 2FA as a fact of life now, so wouldn't need to know about it in advance to find that it's necessary on login, and follow the app's own instructions for that. So maybe a moot point, but happy to see a fellow detail obsessor!

                                        Web Design https://www.evergreen.je
                                        Development https://brandlight.org
                                        Life https://marcusquinn.com

                                        1 Reply Last reply
                                        1
                                        • ? A Former User

                                          @nebulon I can't speak for others but I frequently change config values and restart apps. Not just for EleutheriaPay but a couple other apps require this to pick up config changes. Gitea for example. As for starting and stopping, I have multiple minecraft servers I host but they often don't need to be on all the time, so I turn them off from time to time to save on resources.

                                          nebulonN Offline
                                          nebulonN Offline
                                          nebulon
                                          Staff
                                          wrote on last edited by
                                          #26

                                          @atrilahiji hm regarding the config changes and subsequent required restart, both the filemanager and the webterminal have a restart button.

                                          For the other use-case, this is essentially a stop/start not really a restart case. I can see that being useful if apps are paused frequently.

                                          jdaviescoatesJ 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Bookmarks
                                          • Search