[the correct answer]
In my own research I found the same answers as posted by Wilfried and Hunter, respectively adding a Login form widget or using Javascript to convert the input to lowercase. We went for the Javascript method as this is more lightweight and can be used together with the native login form. It doesn't require to change our page and that's a plus.
In order to help others, as well as receive feedback on my implementation, I've posted the jQuery javascript below.
`$(‘.mx-name-loginIdTextBox1 input[type=text]‘).blur(function () {
$(‘.mx-name-loginIdTextBox1 input[type=text]’).val(function () {
return this.value.toLowerCase();
});
});`
I have ran into the same problem before.
I've tried setting the autocapitalize attribute to the input div. Weirdly enough this only applied to it after a refresh of the page and there was no other way to solve it visually.
What did help was just create an onchange event listener in javascript and automatically lowercase the input value afterwards.
But this only works if you do not support multicase usernames.
It would be nice if the autocapitalize attribute would just stick...
Hi Sander, today I started testing using the default Mendix login form widget in our project. You can change the casehandling of the widget when you add this to your home page. Does this apply to your use case or?
Hi,
I created a custom widget to solve this without custom scripts in the model. It also allows the user to login by pressing the enter key.
https://appstore.home.mendix.com/link/app/107615/