We also don't want the uppercase for tabs (because we use uppercase for our grid titles), for now we changed this in CSS but this idea would work better.

CSS code:

.MuiTab-root .title {
  text-transform: capitalize !important;
}

The capital font is based on the Material UI standard we follow:

https://mui.com/material-ui/react-tabs/

I see that Peter has shown a work around already, thank you @PeterKeeris. 

As a customer I don't want to follow that standard. And sorry, tried the CSS, but does not work. Still capitals 

I also would like to have the translation shown as intended and not forced to be fully uppercased, Some translations are purposely made upper-/lowercase or a combination.

Please make it an “Extended property” to have an option if you want to abide translation format or have it all uppercased for tabs.

FYI: discussed with @Bart Metselaar and with the Universal team. We agree with this change and I have added it to the Universal GUI Forecast. Most likely we'll get to it during the next Sprint.

We have made sure the casing of component and tab details now use the casing as specified in the translation from the Software Factory.

If you want to retain the uppercase, add the following CSS to custom.css:

.tabstrip__button__title {

    text-transform: uppercase !important;

}

This can now be tested using nightly release: 2024.3.12.0-nightly-210.

This will be releases as an official release on the 23rd of December as version: 2024.3.13.