Improve Data density of the Universal GUI

Hi @Arie V ,

We used the below CSS to resolve density and grid line height issue for now until a formal solution comes. This is also a major issue for us as well.

Using WEB Gui before going to Universal this was a problem which we resolved with the below:

On Universal we use below CSS

    /* Compact grids - supported by all browsers*/
    .ag-root-wrapper { 
        height: 165.5%!important;
        width: 166.5%!important;
        transform: scale(0.6);
        transform-origin: left top;
    }

    /* text when no data on grid*/
    .ag-overlay-no-rows-center { 
        font-size: 30px!important;
        color: rgb(16,39,100)!important;
    }

    /* headers */
    .ag-root-wrapper .ag-header-cell-text { font-size: 18px; } 
    .ag-root-wrapper .ag-header-group-text { font-size: 18px; } 
    .ag-root-wrapper .group-title { font-size: 18px; }

    /* cells – view mode*/
    .ag-root-wrapper .ag-cell span { font-size: 20px; }

    /* cells - edit mode */
    .ag-root-wrapper .MuiFormControl-root input { font-size: 18px; }

We also use CSS to force SF to show icons only

    /* bottom task bar forcing to show icons only */

    .screen-component-toolbar { width: 600px!important; }

Thanks

Yes, we also find Universal a bit bulky in displaying a lot of data.

The Universal GUI will listen to grid row height settings in the upcoming 2023.1.14 release. The beta version of this will be available on the 17th of March.

Note: these are some rules to get the max out out this, which are described in the release notes.

We keep this idea open for other optimizations.

FYI: Find proposed Data density improvements in this blog and let us know if those are in line with expectations! 

• Data density in the Universal GUI Blog

This is planned to be resolved with the Roadmap 2025 H1 efforts.