Skip to main content

Hello,

I’m currently building a dense screen in terms of information.

In order to show the end users more information that what you see in a default grid, I’m targeting the specific subject in my custom.css file. In there, I’m changing the font to a slightly smaller size.

Now I’m actually wondering if I could minimize the default padding that is used in a tsf-grid-cell and tsf-grid-header. I already tried some things but I could not figure it out. It seems like the grid cells and headers have a fixed size width when using Auto column width: Headers and data that is dynamically calculated?

Any tips to increase the amount of information in a screen?

Thanks in advance.

 

Best regards,

Nick Janssen

Hello ​@NickJanssen,

We have the row height for this purpose, have you tried it? You can find more information here Compact mode in the Universal GUI. Let us know if this helps you.

The grid headers calculate their own size indeed if the Auto column width setting is set to Headers and data.

Hi Alexandra,

I’m actually talking about the width, not about the height.

Changing to compact mode is better, but I want to customize it for some screens even more, that’s why I'm looking into the custom.css.

Even in compact mode, there is some padding inside/between the cells. I was wondering if I could target a specific css class for this?

Best regards,

Nick Janssen

​@NickJanssen Small sidenote: we noticed the relative large padding for width in columns too and, as mentioned it in the Data Density topic, we do intend to reduce it from 8px to 4px in all situations soon. Would that suffice for you or would you still want to be able to influence it yourself with Custom CSS?
 

 

Reply


Terms & ConditionsCookie settings