Skip to main content
Solved

Universal: Is it possible to turn off animations in the form edit mode?


Forum|alt.badge.img+5

In the Universal GUI there is a build-in animation in the form edit-mode: A label of an empty field has a bigger font and is positioned more in the center, when you click on the field the label becomes smaller and moves to the top (see example images below). 

The same thing happens for lookup-fields when starting the edit-mode. The GUI seems to start the lookup fields empty field and put in the values a little bit later which seem to trigger the animation.

 

Our users find the animation distracting and sometimes even confusing for distinguishing the label from a value. Thus we would like to turn off the animation so that empty field labels have the same position/size as non-empty fields.

(How) would this be possible? 

 

Unit field is empty (label is big and centered)
Unit field is selected (label is small and at the top)

 

Best answer by PeterKeeris

If anyone else is looking for a quick-fix, I used the following CSS:
.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; 
}

View original
Did this topic help you find an answer to your question?
This topic has been closed for replies.

2 replies

Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • 1034 replies
  • May 14, 2024

Forum|alt.badge.img+5
  • Author
  • Captain
  • 36 replies
  • Answer
  • May 28, 2024

If anyone else is looking for a quick-fix, I used the following CSS:
.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; 
}


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