How to center align the tabset

[PG_10250187]

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;

[Sathishkumar_C]

Not sure about CSS.

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

[PG_10250187]

I need that tab to be in the middle

[Sathishkumar_C]

try below code.. its working for me..

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

[PG_10250187]

I tried it didn't work for me.

[Sathishkumar_C]

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

[PG_10250187]

Thank you for the reply.

ThingWorx Version - 9.3.0

Tab widget name - Tabs -> Standard

Also attached mashup for reference.

[Sathishkumar_C]

Mine... ThingWorx 9.1.11-b1017

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