Skip to main content
5-Regular Member
May 10, 2023
Solved

Grid Enhanced widget is not taking Font Size from Custom Style Theme

  • May 10, 2023
  • 1 reply
  • 1167 views

Hello Guys,

I want to increse the font-size of GridEnhanced Main Text (Base). I created a custom style theme to acheive this. But Font Size is not getting incresed . The effect is taking place for Grid widget only..

I wrote custom css also but it's not working .

 

.custom-grid-style .gridheadercell span { font-size: 16px; /* Replace with your desired font size */ }

 

#GridEnhanced-4 .tw-grid-label .cell-content { font-size: 40px !important; }

 

.widget-dhxgrid div.gridbox_material.gridbox table.obj tr td {
font-size: 12px;
}

 

 

Would really apperciate your help in this topic.

 

 

Best answer by bchaudhary_448008

 

Hello @RK_10025077 ,

 

I assume you are referring to Grid Advanced Widget in ThingWorx. So to make any Custom changes or  custom style theme work on a grid, check the 'Use Theme' option under the grid properties.

 

Thenafter,  can either use the below CSS to change the font of grid: 

#root_gridadvanced-3-grid-advanced .objbox table tbody tr.ev_material td {
    font-size: 100px; }#root_gridadvanced-3-grid-advanced .objbox table tbody tr.ev_material td {
    font-size: 100px;
 
OR you can create your own style theme , add all fonts and sizes to it as per your choice (or copy it from default PTC convergence theme) and attach it to the Style properties.
 
Let me know if this doesnt work for you or you face any challenges while doing the suggestions.
 
Thanks
Bhawna

1 reply

5-Regular Member
May 16, 2023

 

Hello @RK_10025077 ,

 

I assume you are referring to Grid Advanced Widget in ThingWorx. So to make any Custom changes or  custom style theme work on a grid, check the 'Use Theme' option under the grid properties.

 

Thenafter,  can either use the below CSS to change the font of grid: 

#root_gridadvanced-3-grid-advanced .objbox table tbody tr.ev_material td {
    font-size: 100px; }#root_gridadvanced-3-grid-advanced .objbox table tbody tr.ev_material td {
    font-size: 100px;
 
OR you can create your own style theme , add all fonts and sizes to it as per your choice (or copy it from default PTC convergence theme) and attach it to the Style properties.
 
Let me know if this doesnt work for you or you face any challenges while doing the suggestions.
 
Thanks
Bhawna