Full screen theme for 2.3

themelon75

The new UI scales wonderfully when you reduce the width of the browser but as in 2.2 most tables have a max width. The pfsense_ng_fs theme fixed that issue, mostly. Are there plans to release a scale-able theme to 2.3 or is that going to be something that is all in the hands of the users?

johnpoz

You know you can add more columns now to the dashboard page.. Now it fills wide screen - see attached screenshot

4colexample.png_thumb

Guest

how do you add more columns. Not seeing an add column box on the interface.

themelon75

@johnpoz:

You know you can add more columns now to the dashboard page.. Now it fills wide screen - see attached screenshot

Yeah, I figured that one out right away. That is quite nice but it does not help me when I am looking at the firewall rules list on less than 1/2 of my screen with fixed width columns. This forces many of the cells over to 2 rows thus reducing the number of rules that I can view at once.

It all just adds up to allot of wasted space.

I would love to fix it myself but I have no idea where to start. Is there a guide or an outline on what needs to be modified to create themes? I am not a web developer at all but I am pretty good a figuring things like that out if I have a starting point.

And don't get me wrong, so far the new GUI is a big improvement. I was just used to the full screen theme that did not have a fixed width table.

themelon75

@jbhowlesr:

how do you add more columns. Not seeing an add column box on the interface.

It's under System > General Setup > WebConfigurator

jimp

On the 2.3 board there was someone who found a few places to edit in the CSS to make it wider and more to their liking, check the retired 2.3 board for that.

If someone makes a widescreen 2.3 css theme, it's easy to include.

modimanz

I copied the theme and renamed it in /usr/local/www/css. Then added the following:

.container {
width: 100%;
}

johnpoz

So if you post up your css pretty sure they could include that for everyone to use.

ConfusedUser

@modimanz:

I copied the theme and renamed it in /usr/local/www/css. Then added the following:

.container {
width: 100%;
}

Thank you!!!
Absolutely easy and working great for me! Simply makes pfSense GUI more efficient by displaying more information.
Especially with addons like "Traffic Totals" that need loads of space this is a great improvement. Even on my small 1920x1080 laptop screen I see 5 additional "Data summary" columns which means less scrolling.

xanaro

YAY! Thanks so much for this thread, here is a one liner for anyone else that finds this:

rsync /usr/local/www/css/pfSense-dark.css /usr/local/www/css/pfSense-dark-ws.css && echo ".container{width:100%}" >> /usr/local/www/css/pfSense-dark-ws.css

fireodo

@confuseduser said in Full screen theme for 2.3:

.container {
width: 100%;
}

Just for my comprehension: why is that not the standard?
(no polemic question)
I think that makes the dashboard more clearer ... IMHO

Regards,
fireodo

xanaro

@fireodo full width really improves a lot of the pages as well, traffic graph, squid real time, etc...

fireodo

@xanaro said in Full screen theme for 2.3:

full width really improves a lot of the pages as well, traffic graph, squid real time, etc...

Thats correct!