Skip to main content
Planned

Improve Data density of the Universal GUI

Related products:Universal GUI
  • February 10, 2023
  • 9 replies
  • 297 views

Arie V
Community Manager

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.

mperrott
Hero
Forum|alt.badge.img+12
  • Hero
  • February 13, 2023

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


Jeroen van den Belt
Administrator
Forum|alt.badge.img+8
NewOpen

Blommetje
Forum|alt.badge.img+13
  • Partner
  • February 14, 2023

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


Erik Brink
Moderator
Forum|alt.badge.img+5
OpenWorking on it!

Erik Brink
Moderator
Forum|alt.badge.img+5

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.


Erik Brink
Moderator
Forum|alt.badge.img+5
Working on it!Open

Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • October 4, 2024

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

https://community.thinkwisesoftware.com/news-blogs-21/data-density-in-the-universal-gui-5403

 


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • October 26, 2024
OpenPlanned

Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • October 28, 2024

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



Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings