Grid widget Display feature CSS

[krishnakomal123]

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.

[bchaudhary]

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]

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

[krishnakomal123]

Please help me with this!

[krishnakomal123]

Kindly update me if any solution found

[krishnakomal123]

@PEHOWE Can you please try on this on let me know if any solution found

[PEHOWE]

@krishnakomal123 ,  I would be happy to review your question if you could provide a test case and a clear explanation of what you are trying to adjust with CSS
The screen capture where you scribble over all the text does not tell me what you are seeing or what you want to see.

Regards,

Pehowe

[krishnakomal123]

I wanted to apply the font-family that is not part of Thingworx 9.6.1 to the Grid column names that are shown when Display feature button is clicked for Grid widget. I know that we can do it using font-face to import font-family, But the main problem is to find the correct part or class details to accomplish the same, As I couldn't, I need your help. Please let me know if it still not clear.

[krishnakomal123 · Accepted solution]

@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

[PEHOWE]

Thank you @krishnakomal123  for sharing you solution.