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.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.