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

[olga_s]

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

[GabrielB · Accepted solution]

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.

[TonyZhang]

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_s]

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