Webinterface menue in 2 rows after update
-
Removing Verdana from our list of fonts in CSS is probably the best fix. In other threads, people have said that has also been enough to make it render properly.
-
Find "#navigation" in /usr/local/www/themes/pfsense_ng/all.css
Change from
width: 750px;
TO
width: 950px;So it reads like:
#navigation {
position: fixed;
top: 0px;
left: 100px;
width: 950px;
padding: 0px;
height: 28px;
z-index: 3;
}
Reload the browser css or alt-f5 to clear cache
Not the prettiest, however prettier than it started. -
Ah this now makes sense. I have not added the mscorefonts package on any machine I have here and have had no issues other than having to initially refresh the page. Three boxes running Xubuntu 14.04, firefox 31, different resolutions. Using 'inspect element' the menu headers seem to be rendering with Liberation Sans.
Steve
-
Just for the LULZ:
I installed a fresh i386 PCBSD (9.1) today, opened the browser and had the issue with the "HELP" over "General" menu… No caching involved, definitely...
-
See above, re: Which of the fonts mentioned are present on your system?
-
No page for 9.1 but for 9.2:
@http://wiki.pcbsd.org/index.php/Java:PC-BSD installs Microsoft TrueType fonts for you which includes the Times New Roman, Courier New, Georgia, Trebuchet MS, Comic Sans MS Arial, Arial Black, Verdana, Andale Mono, and Impact fonts.
Steve
-
The systems comes with Konqueror 4.9.3, font used is Bitstream Vera (changing to Arial doesn't help).
Installing Firefox (21 is apparently the latest available…) uses sans-serif 18 and produces the problem, changing to Arial resolves the issue.
-
The suggested fix would not help in that particular case then. Using a browser other than Konqueror seems like an acceptable workaround for now at least. I don't know what percentage of pfSense users also use Konqueror on PC-BSD but it's probably quite small. ;)
Steve
-
-
…its on a Dell Precision M with 1920 x 1200 (over 10 years old).
-
@chemlud:
…its on a Dell Precision M with 1920 x 1200 (over 10 years old).
The HW is not at fault, the 750px menu design (and the GUI with loads of non-valid HTML tables) made for 20 years old monitors is.
-
I don't think even that is a problem. I have machines here that are 1024x768 and the dashboard fits no problem, there's still space for more headings. Though I agree, when a few pixels makes the difference it indicates a deeper problem. A redesigned gui would not necessarily be compromised by fitting a low resolution target IMHO.
Even though, yes, almost everyone has a higher resolution display these days it really annoys me when I visit a site that's been needlessly fixed to width that doesn't fit on my display. Almost as much as endless scroll. ;)Steve
-
I agree that if the UI is cutting spacing so close to the edge that the choice of font causes this issue, then there is a deeper problem that needs to be addressed here. Simply removing one of the potential fonts from the CSS isn't going to fix this for everyone. Eventually someone will come along who has a system that chooses Veranda or some other slightly larger font to satisfy the sans-serif fall back in the CSS (which should work fine as far as the browser is concerned) and it will trigger this issue again. The main menu is a critcial enough part of the UI that is should work fine regardless of font choice, at least among some subset of standardized web-friendly fonts like http://en.wikipedia.org/wiki/Core_fonts_for_the_Web.
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
But then I have been having this issue since 2.1.3 (my first install of PFsense)......I don't think it is an issue with just this release..But I would agree that rewriting it to allow resizing with various fonts and size's would be very nice.........some of us have to, well "Enlarge" the print font to overcome the eyesight "aging factor" as squiting to try and focus on small fonts can cause one (who sometimes refuses to admit the eyesight is failing >:() to click on the ....well...you know.....wrong things :-[ :-[
This happen's in FireFox........in IE 11 I don't have the issue, but then again in IE I can't reset default font size...seems it is only with FireFox (31).
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
Just a hint for really desperate people: if you view the source code in browser, it has all the System menu links clickable and working. ::)
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
Just a hint for really desperate people: if you view the source code in browser, it has all the System menu links clickable and working. ::)
;) ;)I like sneaky Indian trick's. Hadn't thought of that. Only reason I keep IE around (other than you can't get rid of it) is for those Web sites that Just won't work with out it.
-
Can always set the user agent to a that of a mobile device, like android, and get the mobile theme with menus vertically down the side. No problem with font width there. Means you can access the webgui even if you can't otherwise reach the 'general' menu to change the theme.
The Firefox addon 'user agent overrider' works great.Steve
-
In iceweasel (firefox?) the fastest fix is to enable view->zoom->"zoom text only" and zoom out (ctrl + -).
-
I upgraded two more yesterday. All I had to do was a simple reload (Firefox 31.0 Mac).
-
I upgraded my first box to 2.1.5 just now and also saw this problem. I'm using Chrome on Windows 7, so no linux desktop or issues with MS fonts. My first thought was to downgrade back to 2.1.4, but that didn't help, the GOLD menu item is still there and the HELP menu item is still pushed on top of SYSTEM.
I upgraded to the latest version of chrome and cleared the cache, but the problem persists.
In chrome I was able to resolve it (temporarily) by going to chrome settings and changing the setting "font size" in the "web content" section from "medium" to "small". This makes my eyes hurt, but at least I can get to the system menu now.
Any suggestions on why the downgrade back to 2.1.4 didn't resolve the problem ? Surely if it's just to do with the HTML code of the web GUI, then this should have been downgraded as well ?
I've just checked the file 'fbegin.inc' on the firewall and it doesn't have the Gold menu item in it anymore (after downgrade), but it's still showing up in chrome. Have deleted all cache & cookies from chrome and restarted, but it persists to be there. No idea why at this point, but am assuming that is a local issue.
Edit: and is anyone else seeing the irony that adding the link for paid subscription services has broken it for a lot of people.