Skip to main content
7-Bedrock
October 25, 2025
Solved

ThingWorx 9.3 grid: CSS to adjust the height of rows for a specific Grid

  • October 25, 2025
  • 2 replies
  • 420 views

Hello all,

I use Thingworx 9.3

I have several grids in my mashup. I need to adjust the height of the rows (for example, 60 px) only for one grid.

Below you can find CSS that I use, but it applies 60px for rows in all my grids.

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
[part~=row]{
min-height: 60px !important;
height: 60px !important;
}}

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
[part~=body-cell] {
min-height: 60px !important;
height: 60px !important;
}}

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
[part~=row]:hover [part=body-cell] {
min-height: 60px !important;
height: 60px !important;
}}

 

Also, I tried to specify specific grid (using grid id or custom class name), but it didn't work

Best answer by GabrielB

I don't have a 9.3 thingworx, but from what I see, in 9.4(the lowest I've got) the grid does have the MinRowHeight and MaxRowHeight properties.

2 replies

GabrielB12-AmethystAnswer
12-Amethyst
October 27, 2025

I don't have a 9.3 thingworx, but from what I see, in 9.4(the lowest I've got) the grid does have the MinRowHeight and MaxRowHeight properties.

Support
October 29, 2025

Right, you should use properties to adjust style whenever they are available. It's easier and doesn't require code maintenance after upgrade. As @GabrielB mentioned, please use the MinRowHeight and MaxRowHeight properties.

If you want to use custom css to style a particular grid widget, try targeting a specific id as mentioned in article CS451506.

 

Best,

olga_s7-BedrockAuthor
7-Bedrock
October 29, 2025

Thanks for your and @GabrielB help!

I found, that a theme had been applied to my mashup that set the height of rows. That is why settings for MinRowHeight and MaxRowHeight didn't work. I removed settings for the height of rows from a theme and now I can use MinRowHeight and MaxRowHeight in grid