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

The PTC Community email address has changed to community-mailer@ptc.com. Learn more.

How to center align the tabset

PG_10250187
11-Garnet

How to center align the tabset

I would like to center align the tabset. I have also attached the image for reference.

 

Note: I inspected and added the below CSS it worked. But if I try writing in custom CSS then it didn't work. So I need the CSS to be added.

 

justify-content: center;

7 REPLIES 7

Not sure about CSS.

But we approached this use case with "Button Bar" and "Expression". And, its working fine.

I need that tab to be in the middle

try below code.. its working for me..

.widget-ptcstabset::part(tabs-header)::part(tabs) {
    justify-content: center;
}

I tried it didn't work for me.

Sathishkumar_C_0-1660796703218.png

Try to import the attached mashup and check.

If not working, please share

  • Thingworx version
  • Tab widget name (Tabs -> Standard, Tabs -> Legacy, Tabs - Responsive -> Legacy)
  • Your mashup if possible

Thank you for the reply.

 

ThingWorx Version - 9.3.0

Tab widget name - Tabs -> Standard

 

Also attached mashup for reference.

Mine... ThingWorx 9.1.11-b1017

Your mashup is working fine here. Might be an issue with 9.3

Sathishkumar_C_0-1660797995578.png