cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Stay updated on what is happening on the PTC Community by subscribing to PTC Community Announcements. X

Thingworx 9.2 - Tab Widget Configuration - Tab Height

Sathishkumar_C
17-Peridot

Thingworx 9.2 - Tab Widget Configuration - Tab Height

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

 

6 REPLIES 6

Hi @Sathishkumar_C,

 

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

Tony

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?

Tony

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)

 

 

Sathishkumar_C_0-1635078437866.png

 

@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

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

Announcements


Top Tags