Full screen theme for 2.3



  • 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?


  • LAYER 8 Global Moderator

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




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



  • @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.



  • @jbhowlesr:

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

    It's under System > General Setup > WebConfigurator


  • Rebel Alliance Developer Netgate

    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.



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

    .container {
    width: 100%;
    }


  • LAYER 8 Global Moderator

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



  • @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.


Log in to reply