krishnakomal123

15-Moonstone

Solved

Grid widget Display feature CSS

Forum|Forum|11 months ago
May 15, 2025
1 reply
1734 views

Sample grid css code :

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
[part=header-label] {
font-family: 'Segoe UI' !important;
font-weight:700 !important;
font-size:14px !important;
}
}

Please have a look at the attached Display feature to select columns of grid widget.I am using custom css because the font-family I need doesn't exist by default.

I would to change font-family for Display button and the blackened column options too for grid widget.I tried but no luck.Kindly provide me custom css for the same.

Mashup-Widget

Best answer by krishnakomal123

@supports (ptcs-style-unit: "PTCS-TEXTFIELD") {

[part~=text-value] {

font-family:

font-size:

}

}

@supports (ptcs-style-unit: "PTCS-CHECKBOX") {

[part~=label] {

font-family:

font-size:

}

}

@supports (ptcs-style-unit: "PTCS-COLUMNS-DISPLAY") {

[part~=apply] {

font-family:

font-size:

}

}

@supports (ptcs-style-unit: "PTCS-COLUMNS-DISPLAY") {

[part~=cancel] {

font-family:

font-size:

}

}

Able to find the solution

bchaudhary_448008

5-Regular Member

5-Regular Member

Hello @krishnakomal123 ,

Pls find the below linked article for your reference:

https://www.ptc.com/en/support/article/CS377455

https://www.ptc.com/en/support/article/CS367776

https://www.ptc.com/en/support/article/CS391896

Let me know if these article helps the reported issue.

Regards,

Bhawna

krishnakomal123

Author

15-Moonstone

@bchaudhary_448008 Thanks for sharing the articles but I could not figure out exact class or part details that provides solution to my question.

krishnakomal123

Author

15-Moonstone

Please help me with this!