We need to set a global setting to set the header label to stay small and not to move to the location where the field is. Similar to having a field with an empty value (not a NULL value).

We need to set a global setting to set the header label to stay small and not to move to the location where the field is. Similar to having a field with an empty value (not a NULL value).
Hi
I would think that simply always showing the headers as small in Read mode / Read Only fields is the most straightforward solution. If you agree with that, you have my vote and a change of title of this Idea might be useful.
Disclaimer: I DO LIKE the fact that Editable fields in Edit mode do have the header displayed a little larger for empty fields! A slight remark is the inconsistency with Domain with Elements or Lookup fields, these headers are never enlarged for some reason…
Hello
Yes, I agree with
Thanks
As a temporary solution the following CSS could be used to make the labels always small and on top:
.MuiFormControl-root .MuiFormLabel-root {
transform: translateY(1.5px) scale(.85) !important;
margin-top: 4px !important;
margin-right: 12px !important;
margin-bottom: auto !important;
margin-left: 12px !important;
}
This is planned to be resolved with the Roadmap 2025 H1 efforts.
Universal GUI 2025.2.13 will bring quite impactful changes by introducing Outline field style! With these changes this Idea will be resolved too.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.