Improve Data density of the Universal GUI

Related products: Universal GUI

This Idea is more or less a follow up on the Idea regarding the Universal GUI zoom. The Compact mode has significantly improved the ability to properly work with the Universal GUI, however it is still a challenge to display a sufficient amount of data on a single screen in the Universal GUI for a data-rich ERP system, due to the large amount of white-space/padding/… around both Grid and Form controls.

The Universal GUI Forecast has planned something for reducing the Grid line height and font size, but I would like to argue that the width of the Grid columns could be reduced as well.

Grid line height and font size settings

This will allow for custom settings for the grid line and font sizes. These settings are only used by compact mode for this first iteration!

 

In addition to Grid changes, this Idea aims for similar reductions on Forms and potentially other Screen Types.

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

New→Open

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

Open→Working on it!

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.

Working on it!→Open
Terms & ConditionsCookie settings