Custom CSS on Grid widget no longer working after migration

Forum|Forum|1 year ago
May 7, 2024
1 reply
2255 views

Hi,
I recently migrated a mashup using the "Mashup Migration" steps. The legacy advanced grid used a Custom CSS, but after the migration the styles from the CSS seem to no longer have any effect on the grid.

The grid header column require 3 different columns.

-first 2 header columns are black

-header columns 3-7 are blue

-header columns 8-13 are grey

Is there a way to have the Custom CSS recognized or perhaps Style Theme has an advanced feature?

TIA

Best answer by rogerjn

Hi Maria,

I had the same issue with CSS working fine on grid-advanced. The "new" grid that was implemented I think in TW9.3 can be styled using the ptcs-style-unit instead of using shadow DOM CSS. Small example to get you started below.

BR,

Roger

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
 [part="body-cell"]:has(div.tooltip) {
 text-align: center !important;
 display: block;
 }

 [part="cell-html"]:has(div.tooltip) {
 text-align: center !important;
 }

 /* Tooltip definition */
 [part="cell-html"] .tooltip img {
 width: 15px;
 height: 15px !important;
 vertical-align: middle;
 margin-bottom: 2px;
 position: relative;
 }
}