Question

Best practice Mendix to set app form styles

0

I'm looking for best practice approach to setting a global style for input forms on an app in Mendix. I feel like there are lots of different potential approaches. I have used SCSS variables, straight CSS in a separate file and specified the class on the element in the Mendix page view and for the most part these have worked. But I notice changing something like the label colour for form inputs is not being reflected. What is the best way in Mendix to change the form label colour across your entire app? Thanks in advance

asked 2025-05-12

John Ryan

2 answers

1

Many thanks Reemali

answered 2025-05-13

John Ryan

Reemali Patil · Accepted Answer · 2025-05-13

Hey John,

To change the label color for all input fields in a Mendix app, the best way is to update the $label-color variable in the custom-variables.scss file.

Then, in main.scss, make sure to import this file before atlas_core. After that, run npm run build to apply the changes.

If you're not using SCSS, you can add this line to main.scss or custom.css:label.control-label { color: #FF5733 !important; }

It’s better to do it this way instead of adding styles to each page, so everything stays consistent and easy to manage.

Regards

Reemali Patil