I have 2 Floating Field of Text Field type that are bind to same Context.
I would only like to have one of them to be shown in all UpperCase.
I've tried to include the below in its layout:ready
this.rawValue = this.rawValue.toUpperCase();
But with the above, it changes the rawValue of the 2nd Text Field.
Are there are any way to decoupled the behaviour?
I don't think you can do what you are after without having a second floating field, one that is not bound but has a calculate event that takes the value from the other floating field and converts it to uppercase.
The code you have is fine, though if the value can be null you will get an exception (as null does not have a toUpperCase() method)
There is no equivalent of the text-transform CSS styling
Thanks for the input! Sadly, what I’m building is a form of PDF letter and there isn’t any event to be triggered after loading.
I’m doing the pre-processing of data before binding them to each individual floating fields.
Agree with Bruce here or if there is some explicit event that you can fire on another field to have it in lower case.
Thanks for the reply but l’ve tried the code you provided and both the rawValue are still displayer in caps
Try this simple JS: