Thingworx 9.2 - Tab Widget Configuration - Tab Height

[Sathishkumar_C]

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

[TonyZhang]

Hi @Sathishkumar_C,

You can select the Tab Widget, Navigate to Style Properties > Base > Tab > height to adjust the Tab Height as needed.

[Sathishkumar_C]

Yes, That's okay.

But it seems, only the label size is changing. The Tab header height not changing.

[TonyZhang]

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?

[Sathishkumar_C]

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)

[PEHOWE]

@Sathishkumar_C

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

[Sathishkumar_C]

Let me check at my side and update. Thanks for your support.