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

    Webinterface menue in 2 rows after update

    Scheduled Pinned Locked Moved Problems Installing or Upgrading pfSense Software
    78 Posts 30 Posters 29.4k 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.
    • jdillardJ
      jdillard
      last edited by

      The #navigation ul li element is the one that changed: https://github.com/pfsense/pfsense/commit/41312f7fec84554a286cbd081359516cb1eeca36

      1 Reply Last reply Reply Quote 0
      • B
        brycec
        last edited by

        Thanks for the pointer, Jared. I do have that change. However the width issue persists. Playing around in Inspector, I adjusted the padding to 25px and 10px (padding: 0 25px 0 10px;) and it fits.
        Perhaps different variations in the same font family? My system is using Verdana, as seen in the Inspector for the div

        (Edit: Added the font information)

        1 Reply Last reply Reply Quote 0
        • A
          alp
          last edited by

          2.1.5 code-red menu

          red.png
          red.png_thumb

          1 Reply Last reply Reply Quote 0
          • S
            slu
            last edited by

            @jdillard:

            clear your browser cache or hit CTRL+F5, there were css changes in this release.

            Start from scratch (empty Firefox profile) same problem.

            Using Debian 7 (Wheezy), maybe this is a font issue problem like somebody else write in the forum?

            theme1.png
            theme1.png_thumb
            theme2.png
            theme2.png_thumb

            pfSense Gold subscription

            1 Reply Last reply Reply Quote 0
            • O
              Ofloo
              last edited by

              @jdillard:

              clear your browser cache or hit CTRL+F5, there were css changes in this release.

              Does not work

              vi /usr/local/www/fbegin.inc
              /gold

              remove

              all your problems are over.

              1 Reply Last reply Reply Quote 0
              • S
                slu
                last edited by

                @ jdillard,

                can confirm it work under Windows 7 / Firefox 31, but not under Debian 7 Linux / Firefox 31.
                I guess this is the reason why you don't see this issue in your setup?

                pfSense Gold subscription

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

                  it work also on centos firefox v. 24

                  1 Reply Last reply Reply Quote 0
                  • jimpJ
                    jimp Rebel Alliance Developer Netgate
                    last edited by

                    Works fine for me using that theme on Ubuntu 14.04 and Firefox 31

                    Someone else noted that restarting their firewall GUI helped.

                    If you are accessing the firewall via proxy that could also explain a discrepancy if the proxy has the old files CSS cached.

                    Remember: Upvote with the šŸ‘ button for any user/post you find to be helpful, informative, or deserving of recognition!

                    Need help fast? Netgate Global Support!

                    Do not Chat/PM for help!

                    1 Reply Last reply Reply Quote 0
                    • S
                      slu
                      last edited by

                      @jimp:

                      Someone else noted that restarting their firewall GUI helped.

                      If you are accessing the firewall via proxy that could also explain a discrepancy if the proxy has the old files CSS cached.

                      I test reboot pfsense.

                      EDIT: Doesn't help.

                      No proxy, direct access to pfsense.

                      Did it work for you on Ubuntu with the "Verdana" font?

                      not ok: Debian 7 / Firefox 31 use font "Verdana"
                      ok: Windows 7 / Firefox 31 use font "Tahoma"

                      pfSense Gold subscription

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

                        without success on fedora 20 with firefox 31, chrome 37, opera 12.16 and web 3.12.1

                        1 Reply Last reply Reply Quote 0
                        • S
                          slu
                          last edited by

                          Found it:
                          https://forum.pfsense.org/index.php?topic=81073.msg442553#msg442553

                          pfSense Gold subscription

                          1 Reply Last reply Reply Quote 0
                          • jdillardJ
                            jdillard
                            last edited by

                            @brycec:

                            Thanks for the pointer, Jared. I do have that change. However the width issue persists. Playing around in Inspector, I adjusted the padding to 25px and 10px (padding: 0 25px 0 10px;) and it fits.
                            Perhaps different variations in the same font family? My system is using Verdana, as seen in the Inspector for the div

                            (Edit: Added the font information)

                            Thanks for pointing that out. A possible solution is to edit your css to use a different font such as Arial like in this post: https://forum.pfsense.org/index.php?topic=81073.msg442634#msg442634

                            1 Reply Last reply Reply Quote 0
                            • B
                              brycec
                              last edited by

                              @jdillard:

                              @brycec:

                              Thanks for the pointer, Jared. I do have that change. However the width issue persists. Playing around in Inspector, I adjusted the padding to 25px and 10px (padding: 0 25px 0 10px;) and it fits.
                              Perhaps different variations in the same font family? My system is using Verdana, as seen in the Inspector for the div

                              (Edit: Added the font information)

                              Thanks for pointing that out. A possible solution is to edit your css to use a different font such as Arial like in this post: https://forum.pfsense.org/index.php?topic=81073.msg442634#msg442634

                              My pleasure. Yes, switching to Arial, while itself less appealing, does work for the prescribed margins.

                              From all the feedback, it would appear that it's only the Verdana font that doesn't fit the margins. Consequently, I'm going to submit a pullreq with some padding values (24px and 12px) that work for Verdana.

                              1 Reply Last reply Reply Quote 0
                              • R
                                ronnieredd Rebel Alliance
                                last edited by

                                What are the web interface devs using and testing on?
                                On my "old faithful" laptop with Ubuntu 10.04 and a whole bunch of browsers and VMs on it, I would at least be able to use the gui when needed.
                                I am OK with putting a menu item for support except it broke the menu structure. We are already a paid support user, so we don't need the reminder…
                                I wish I had time to help with the web interface. Whoever is working on it, please make it valid HTML and CSS, then make it responsive (Google it). All of your odd font, scaling and browser issues will melt away. OK, maybe not all, however the breakage we're seeing over the last few releases is due to the validity and non-scale development of the GUI.
                                A lot of us would like to be able to load it up on a wide screen to show off multiple columns dashboards for the CEO. You know they like pretty layouts and pictures...
                                Back when the wide screen (gasp - package) worked we could do that. I actually convinced a CEO and CFO into converting to pfSense and paying for support via a 3 column dashboard loaded up with a bunch of dashboard widgets. The 2 column limit on a big monitor looks very bad. (IMHO)
                                As of 2.1.5 I can not access the system menu unless I disable CSS.

                                Looking over the wall
                                Ā  Ā  Ā  Ā  Ā  \ | /
                                Ā  Ā  Ā  Ā  Ā  ~Ā Ā  ~
                                Ā Ā  {~(@) (@)~}
                                –-oOO-(_)-OOo---

                                1 Reply Last reply Reply Quote 0
                                • S
                                  Supermule Banned
                                  last edited by

                                  Talk to Charlie440 in here…he just sent me a widescreen patch for 2.1.5

                                  He is trying to make the GUI much responsive and usable.

                                  1 Reply Last reply Reply Quote 0
                                  • I
                                    Ip Man
                                    last edited by

                                    @FrancisDrake:

                                    I updated the system to 2.1.5 which added a new button "Gold". Due to this new button the "help" button moves directly under the "system" button. Now I can not click on the "system" button. Is there any possibility to remove the "gold" button to get the menue from 2.1.4 back?

                                    I have the same problem. I'm unable to access the System menu. I use the Midori browser and Linux Mint.

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

                                      "What are the web interface devs using and testing on?"

                                      Can't say - But I can say that it seems like all of the problems that can't be fixed by purging the cache are on relatively stripped down OSes that have not much variety of fonts.

                                      My guess is the devs are not testing on xubuntu/kubuntu/puppy liniux

                                      That said, people have been crying loud and frequently so I expect a minor fix to be released soon enough.

                                      I wouldn't panic.

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        Supermule Banned
                                        last edited by

                                        Problem is the GUI itself. If it was W3C compliant then fonts would not be an issue.

                                        http://validator.w3.org/

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

                                          Yeah - I'm not suggesting there is nothing wrong.Ā  I'm suggesting they will fix it fast, so I'm not that worried now that they know.

                                          1 Reply Last reply Reply Quote 0
                                          • P
                                            pvoigt
                                            last edited by

                                            I am having the same issue here with Firefox 31.0 running under openSUSE 13.1/KDE4.11.5. Cleaning the cache does not help.

                                            The menue issue is very annoying because it prevents me even from using the "System" menu at all. I am always pushed into the "Help" menu.

                                            Thanks for the hint to manually restrict fonts. As it took me some time to find the right version of all.css to change, I give here the full path:

                                            /usr/local/www/themes/pfsense_ng/all.css
                                            

                                            Regards,
                                            Peter

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