Hi @ngnevan
I hope you’re well today!
If it’s about making these fields only show up (as in displayed on front) uppercase, you can use a bit simpler CSS like this:
#forminator-module-2183 textarea {
text-transform: uppercase;
}
Just make sure to replace the module ID (number) in selector to match your forms’s ID and it will transform all the text in all text fields on form into uppercase.
If you want these values to really be uppercase, then Pawel’s solution from this post would be way to go
https://ww.wp.xz.cn/support/topic/field-to-uppercase/#post-15289987
and you also can replace
#forminator-module-2183 #forminator-field-text-3
with
#forminator-module-2183 textarea
in that code to make it be applied to all text inputs on form.
Best regards,
Adam
Thread Starter
Nevan
(@ngnevan)
Hi Adam,
Thanks for your quick reply. I realised that what I wanted was to change the other input fields rather than the text fields.
So I used this instead
.forminator-input {
text-transform: uppercase;
}
and added this to my wp-content/mu-plugin directory.
<?php
add_action('wp_footer', function() {
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#forminator-module-77 input').on('keyup', function() {
$(this).val($(this).val().toUpperCase());
});
});
</script>
<?php
}, 99 );
and it works! Thanks for your help
