Skip to main content
pshashipreetham
18-Opal
pshashipreetham18-Opal
18-Opal
October 12, 2022
Solved

ptcs-grid css for cell-html

  • October 12, 2022
  • 1 reply
  • 6317 views

Hello,

Using the following CSS in Custom CSS Tab on mashup

ptcs-grid::part(cell-html){
	padding-left: 5px;
}

 But this does not affect at mashup runtime when inspected through the Developer tools; following CSS is working:

[part~="cell-html"] {
 background: transparent;
 padding-left: 5px;
}

Can someone help us with the Custom CSS for the ptcs-grid

Thanks,

Best answer by JU_10321794

Hello Preetham,

 

 

 

 9.3.2/9.3.3 dont support it at all, nested shadow root problem

 

9.3.4 this should work:

 

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
 [part=cell-html] {
 	padding-left:5px;
 }
}

 

1 reply

J
jensc17-Peridot
17-Peridot
October 19, 2022

Hello Preetham,

 

I am not very experienced with CSS and especially CSS on Thingworx. But I used this:

.hasPermissionGridClass .widget-ptcsgrid::part(grid-control) {
 display:block;
}

 

To be able to "hide" a part of the grid. I did however have issues with doing the same for other parts of the grid. So I am not sure if something similar might work for you?

This custom CSS code is working for thingworx version 9.3.1.

J
JU_1032179412-AmethystAnswer
12-Amethyst
October 19, 2022

Hello Preetham,

 

 

 

 9.3.2/9.3.3 dont support it at all, nested shadow root problem

 

9.3.4 this should work:

 

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
 [part=cell-html] {
 	padding-left:5px;
 }
}

 

T
TanmeyTWX17-Peridot
17-Peridot
January 4, 2023

Hi @JU_10321794 

 

Could you please share the CSS syntax for this?

 

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
 [part=cell-html] {
 	padding-left:5px;
 }
}
    Terms & ConditionsAccessibility statement