Skip to main content
Solved

Minimize padding in specific grid

  • January 3, 2025
  • 5 replies
  • 126 views
NickJanssen
Captain
Forum|alt.badge.img+5

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

Best answer by Arie V

​@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?

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

 

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

Alexandra Egri
Moderator
Forum|alt.badge.img

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.

NickJanssen
Captain
Forum|alt.badge.img+5

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

Arie V
Community Manager
Forum|alt.badge.img+12
  • Arie V
  • Community Manager
  • January 10, 2025

​@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?

 

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

Hi ​@NickJanssen,

Would you be so kind to answer the question ​@Arie V asked? Thank you in advance.

NickJanssen
Captain
Forum|alt.badge.img+5

Hi Arie,

Thanks for linking the article. I think this is a very good step indeed!


In addition, I think it would be nice to influence this parameter ourselves for some screens, to increase the control of some screen where this might be necessary. Influencing the padding via the model in the SF seems overkill to me, but via the custom.css file would be a very nice addition and in line with other customizations you can do via the custom.css file.

Terms & ConditionsCookie settings

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