Community Tip - Stay updated on what is happening on the PTC Community by subscribing to PTC Community Announcements. X
Hi,
We are using a tab widget in Thingworx 9.2.
It seems we can't reduce "Tab Height" which is available in Thingworx 8.5.
Is there any alternative for this?
Regards,
sathish
Hi @Sathishkumar_C,
You can select the Tab Widget, Navigate to Style Properties > Base > Tab > height to adjust the Tab Height as needed.
Yes, That's okay.
But it seems, only the label size is changing. The Tab header height not changing.
Hi @Sathishkumar_C,
That's weird. I tested in my 9.2.1 environment, specifying the height only changes the Tab height, doesn't change the label size at all...
Could you please provide entities and screenshots?
Hi,
I am trying to adjust the tab header size. It seems it's not meet my requirement.
check out the attached image and entity. (Green background-size needs to be reduced)
I am not sure what changes you may have already have in place, I think this will do what you require.
Add the following to the Custom CSS:
/* Set the band which holds the tabs smaller */
.widget-ptcstabset::part(tabs-header){
background-color: lightblue;
height: 15px;
min-height: 10px;
}
/* St the size of the text on the tab to a smaller font */
.widget-ptcstabset::part(tabs-tab-label) {
font-size: 9px;
}
/* make the size of the tab on the tab set smaller */
.widget-ptcstabset::part(tabs-tab) {
height: 15px;
}
Please let me know if this address your issue.
Peter
Let me check at my side and update. Thanks for your support.