Is there a way to capitalize all fields in app?

Support
1

Jeremy Leong:
Is there a way to capitalise all fields in the app by adding something in CSS?

Jeremy Leong:
What is mean is the data from filemaker, to format it to capitalised

Rishad Alam:
Hi Jeremy, you can use the tailwind classes as shown here: https://tailwindcss.com/docs/text-transform

image

Rishad Alam:
If you would like to use CSS you can use text-transform as indicated here: https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

Jeremy Leong:
Hi Rishad, thanks for replying.

How would you capitalise a field in better forms? What i mean is the field data, not the label.

{
            "inputType": "number",
            "label": "Student ID",
            "model": "studentId",
            "placeholder": "",
            "required": true,
            "styleClasses": "col-md-3 mt-2",
            "type": "input"
        }

Rishad Alam:
I see, you want to capitalize on an input field. You can use on onChanged_actions on the input field. Like this:

Rishad Alam:

{
                "inputType": "text",
                "label": "Name",
                "model": "name",
                "styleClasses": "",
                "type": "input",
                "onChanged_actions": [{
                    "action": "function",
                    "function": "model.name = model.name.toUpperCase();"
                }]
            }

Jeremy Leong:
Thanks! Rishad

Jeremy Leong:
Appreciate your help!