Skip to main content
Completed

Use translation and case sensitivicy of headers instead of use of CAPITALS only in Universal

Related products:Universal GUI
  • 17 October 2024
  • 9 replies
  • 141 views

Forum|alt.badge.img+5

In Windows GUI, the translation is used for detail tabs, incl. case sensitivity

 

In Universal, are only CAPITALS used? Why? Please make this consistent with Windows in order to comply with our styling guidelines

 

Forum|alt.badge.img+3

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;
}


Bart Metselaar
Moderator
Forum|alt.badge.img+2

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


Forum|alt.badge.img+5

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.


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • November 1, 2024
NewPlanned

Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • November 1, 2024

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.


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • November 18, 2024
PlannedWorking on it!

Erik Brink
Moderator
Forum|alt.badge.img+5

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.


Erik Brink
Moderator
Forum|alt.badge.img+5
Working on it!Completed


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings