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

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

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

GabrielBAnswer
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.

View in thread

3 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.

Translate
    TonyZhangCommunity Manager
    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,

    Translate
      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

      Translate
        Terms & ConditionsAccessibility statement