2.3 RC Widescreen

xtropx

First off the bat - great job so far. The 2.3 RC is pretty awesome, installed flawlessly, and the GUI upgrade is pretty nice.

Now time for me to complain a little. ::)

In the past I have used widescreen patches by Jimp and Charlie Marshall to fix the readability of the firewall rules screen.

https://github.com/CharlieMarshall/pfsense/commit/2b5c16b9c6ee3dcb9a1333b44949f48024eb3cd0.patch

http://files.pfsense.org/jimp/patches/widescreen-21.patch

Most of us have screens with a larger resolution and it just makes more sense to me to use all the available resolution then to cram the firewall rules into a tight space.

Which one is more readable?

http://i.imgur.com/nsRe4eN.png

http://i.imgur.com/YjhKTBf.png

Are there any plans to incorporate a widescreen feature or make the column width dynamic? I think this will increase the usability significantly.

Thanks!

heper

columns are adjustable
see System>General Setup>Dashboard Columns

xtropx

Thanks, but that doesn't really solve the issue. It is set at 4 and when I try to increase it, it says that it must be less than or equal to 4.

That seems to be for the dashboard only as well - not necessarily for say firewall rules page(s), where it really makes sense.

heper

yes … i guess phil or steve had a good reason for it OR thought it didn't serve a purpose to have more then 4 columns.

(i'm not 100% sure it was phil who made that contribution, but i seems to remember some commits by him for that feature)

jimp

The overall theme is responsive now, but it does have a max width set. It might be possible in a future version to have that max width be controllable, or a widescreen theme.

You can tinker with it if you like, copy /usr/local/www/css/pfSense.css to a file of your own choosing (e.g. /usr/local/www/css/widescreen.css), set your new file to be the theme under System > General, and experiment with the CSS as needed (e.g. find and increase all of the max-width entries).

xtropx

Thanks Jimp, I will play around with it. 8)

xtropx

I found changing the following in /usr/local/www/vendor/bootstrap/css/bootstrap.min.css produced the desirable results:

@media (min-width:768px) {
.container {
width: 1800px;
}
}

@media (min-width:992px) {
.container {
width: 1800px;
}
}

@media (min-width:1200px) {
.container {
width: 1800px;
}
}

heper

You'd better not change that css file as that will get overwritten.

Better copy the default theme and give it a new name. Then and add your changes to it.