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
  • 412 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.

16-Pearl
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