Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    BOUNTY: Web GUI reprogramming

    Scheduled Pinned Locked Moved Bounties
    256 Posts 31 Posters 194.8k Views
    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.
    • C
      Clear-Pixel
      last edited by

      I hate the horizontal menu….

      HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
      Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
      Single Ethernet Port - VLAN
      Cisco SG300 10-port Gigabit Managed Switch
      Cisco DPC3008 Cable Modem  30/4 Mbps
      Pfsense 2.1-RELEASE (amd64)
      –------------------------------------------------------------
      Total Network Power Consumption - 29 Watts

      1 Reply Last reply Reply Quote 0
      • C
        charlie0440
        last edited by

        @Clear-Pixel:

        I hate the horizontal menu….

        Thanks for the constructive/unrelated feedback!

        If it bothers you that much why don't you do something about it. People have different opinions on what they want for the GUI, can't keep everyone happy. Personally I like the horizontal menu.

        1 Reply Last reply Reply Quote 0
        • C
          c0urier
          last edited by

          Hi Charlie0440:

          The save button is stuck: http://prntscr.com/1x47i7

          Else it's working perfectly.

          pfsense: 2.1.5-RELEASE, AMD64
          Running on: MB/CPU: ASUS P8H77-I / Core i3-2120T | MEM: 8GB DDR3 | HDD: WD Blue 120GB 2.5" SATA | WAN/LAN: Fujitsu D2735-2 – Intel® chip 82576NS | WLAN: Realtek® 8111F PCIe | Connection: 1000/1000Mbit (Bredband2.com)
          [/U

          1 Reply Last reply Reply Quote 0
          • C
            charlie0440
            last edited by

            @courier can you elaborate other then a screenshot of a button.

            1 Reply Last reply Reply Quote 0
            • C
              c0urier
              last edited by

              When you click "Save settings" it reloads the page, and the "Save settings" button is still here. Need the index.php source or?

              pfsense: 2.1.5-RELEASE, AMD64
              Running on: MB/CPU: ASUS P8H77-I / Core i3-2120T | MEM: 8GB DDR3 | HDD: WD Blue 120GB 2.5" SATA | WAN/LAN: Fujitsu D2735-2 – Intel® chip 82576NS | WLAN: Realtek® 8111F PCIe | Connection: 1000/1000Mbit (Bredband2.com)
              [/U

              1 Reply Last reply Reply Quote 0
              • stephenw10S
                stephenw10 Netgate Administrator
                last edited by

                @Clear-Pixel:

                I hate the horizontal menu….

                You mean the main menu across the top?
                Any particular reason?

                Steve

                1 Reply Last reply Reply Quote 0
                • C
                  charlie0440
                  last edited by

                  @c0urier:

                  When you click "Save settings" it reloads the page, and the "Save settings" button is still here. Need the index.php source or?

                  Yes it is, I can fix it but it shouldn't cause any issue. Does it for you?

                  1 Reply Last reply Reply Quote 0
                  • C
                    c0urier
                    last edited by

                    No no, none what so ever, I'm just used to it going away when I have clicked it haha.

                    Good job!

                    pfsense: 2.1.5-RELEASE, AMD64
                    Running on: MB/CPU: ASUS P8H77-I / Core i3-2120T | MEM: 8GB DDR3 | HDD: WD Blue 120GB 2.5" SATA | WAN/LAN: Fujitsu D2735-2 – Intel® chip 82576NS | WLAN: Realtek® 8111F PCIe | Connection: 1000/1000Mbit (Bredband2.com)
                    [/U

                    1 Reply Last reply Reply Quote 0
                    • C
                      charlie0440
                      last edited by

                      @courier should be fixed in new zip. It will only show saved button once a column has been deleted or added.

                      1 Reply Last reply Reply Quote 0
                      • C
                        Clear-Pixel
                        last edited by

                        @stephenw10:

                        @Clear-Pixel:

                        I hate the horizontal menu….

                        You mean the main menu across the top?
                        Any particular reason?

                        Steve

                        Yes main menu….

                        Here's an article that will help you understand some of the thought processes that are required by a professional UX designer. It's not rocket science, just require a little bit of common sense and thorough planning.

                        http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/

                        HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                        Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                        Single Ethernet Port - VLAN
                        Cisco SG300 10-port Gigabit Managed Switch
                        Cisco DPC3008 Cable Modem  30/4 Mbps
                        Pfsense 2.1-RELEASE (amd64)
                        –------------------------------------------------------------
                        Total Network Power Consumption - 29 Watts

                        1 Reply Last reply Reply Quote 0
                        • stephenw10S
                          stephenw10 Netgate Administrator
                          last edited by

                          Ok, I appreciate that careful thought has to go into the design process. If one of the techniques used to improve the user experience is surveys then: what specifically don't you like about the menu?
                          I could speculate that on modern ever larger aspect ratio displays it makes more sense to use vertical space for the menu. I notice, perhaps ironically, that almost all of the referenced UX websites have a horizontal menu across the top.  ;)

                          Steve

                          1 Reply Last reply Reply Quote 0
                          • JeGrJ
                            JeGr LAYER 8 Moderator
                            last edited by

                            I agree with Stephen. Just dropping a crude one-liner to a good effort on re-designing a theme is very much a pointless thing to do. And referencing a UX blah article, that does nothing to clear up the confusion about your lack of explaining why you dislike the main menu on top (when in fact your link shows many sites that have exactly that) is just - I don't know - senseless? If you want to criticize, feel free, but would it be too much then to actually tell, why you think it is a bad decision in general or subjectively?

                            I can see both parts. I use quite a few (mobile) devices in portrait mode. A vertical menu bar would cut into the (limited) space of those devices so a top menu is great for those. On a big tablet I can easily go to landscape and a vertical menu would be nice. Dito for the big screen on the wall. So both have pros and cons.

                            Greets

                            Don't forget to upvote 👍 those who kindly offered their time and brainpower to help you!

                            If you're interested, I'm available to discuss details of German-speaking paid support (for companies) if needed.

                            1 Reply Last reply Reply Quote 0
                            • K
                              kelsen
                              last edited by

                              Good afternoon, I've made some changes on metrolab theme, now it's showing alerts in bell icon as shown in screenshot below.

                              1 Reply Last reply Reply Quote 0
                              • I
                                iFloris
                                last edited by

                                @kelsen:

                                Good afternoon, I've made some changes on metrolab theme, now it's showing alerts in bell icon as shown in screenshot below.

                                Looks really nice, I look forward to using your theme sometime soon!

                                one layer of information
                                removed

                                1 Reply Last reply Reply Quote 0
                                • K
                                  kelsen
                                  last edited by

                                  @iFloris:

                                  @kelsen:

                                  Good afternoon, I've made some changes on metrolab theme, now it's showing alerts in bell icon as shown in screenshot below.

                                  Looks really nice, I look forward to using your theme sometime soon!

                                  I appreciate it, you can download the updated theme from here http://www.4shared.com/archive/C_KrFRy8/metrolabtar.html

                                  1 Reply Last reply Reply Quote 0
                                  • K
                                    kelsen
                                    last edited by

                                    I appreciate it, you can download the updated theme from here http://www.4shared.com/archive/C_KrFRy8/metrolabtar.html

                                    Edit: copy usr/local/www/themes/twitter_bootstrap_fs /usr/local/www/themes/
                                            Change the theme on the WebGUI
                                            copy the rest to the appropriate location

                                    Pls, follow the above order to not break your WebGUI

                                    1 Reply Last reply Reply Quote 0
                                    • C
                                      Clear-Pixel
                                      last edited by

                                      @kelsen:

                                      Good afternoon, I've made some changes on metrolab theme, now it's showing alerts in bell icon as shown in screenshot below.

                                      Looks Fantastic ….. glad to see your project is headed in the right direction.

                                      HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                                      Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                                      Single Ethernet Port - VLAN
                                      Cisco SG300 10-port Gigabit Managed Switch
                                      Cisco DPC3008 Cable Modem  30/4 Mbps
                                      Pfsense 2.1-RELEASE (amd64)
                                      –------------------------------------------------------------
                                      Total Network Power Consumption - 29 Watts

                                      1 Reply Last reply Reply Quote 0
                                      • stephenw10S
                                        stephenw10 Netgate Administrator
                                        last edited by

                                        Yep, looks nice.  :)

                                        Steve

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          Clear-Pixel
                                          last edited by

                                          @ kelsen…..

                                          Here's a excellent idea to hide all the unnecessary clutter top of the status page.

                                          You can hide all the buttons in the Status: Dashboard...... have a down arrow on the right side of the dashboardwhich when clicked will expand theexpose the following.

                                          Widgets button
                                          Welcome dashboard
                                          Add column button
                                          Delete Column Button
                                          Theme Color button

                                          Once theis expanded it will expose the items above, clicking on the arrow in theagain will collapse the unhidden.

                                          As it is now, they are all taking up a lot of unnecessary screen real estate at top of page.

                                          If you don't have a chance to do it, I will take care of the coding soon.

                                          HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                                          Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                                          Single Ethernet Port - VLAN
                                          Cisco SG300 10-port Gigabit Managed Switch
                                          Cisco DPC3008 Cable Modem  30/4 Mbps
                                          Pfsense 2.1-RELEASE (amd64)
                                          –------------------------------------------------------------
                                          Total Network Power Consumption - 29 Watts

                                          1 Reply Last reply Reply Quote 0
                                          • C
                                            c0urier
                                            last edited by

                                            @charlie0440 - It's not possible to delete whitelists in the snort package, screenshot: http://sdumps.net/OE

                                            Furthermore when you click Dashboard after you've been in the snort package it links wrongly. Don't know if it's a bug from previously. If you restart Snort you'll also receive some errors.

                                            Have you tested with your theme with the snort package?

                                            pfsense: 2.1.5-RELEASE, AMD64
                                            Running on: MB/CPU: ASUS P8H77-I / Core i3-2120T | MEM: 8GB DDR3 | HDD: WD Blue 120GB 2.5" SATA | WAN/LAN: Fujitsu D2735-2 – Intel® chip 82576NS | WLAN: Realtek® 8111F PCIe | Connection: 1000/1000Mbit (Bredband2.com)
                                            [/U

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.