Question

Checkbox on form is hard to view, how can I darken it?

0

Hi, I have a form in an application with a series of checkboxes. I’d like to style them so they are darker and easier to see. I’ve done some research and am not ready to do a custom scss, I’d just like to make them easier to view. Any ideas or suggestions for a quick fix?

asked 2021-11-18

Nicole Miel

1 answers

Tim v Steenbergen · Accepted Answer · 2021-11-18

Ok, no scss. Although it is against my better judgement, here is the quickfix:

Now your checkbox is clearly visible. Guess you will not be happy with the result though.

Thing is: you cannot style the checkbox itself from inside StudioPro, only its parent-div.

But without thinking about avoiding scss too much, give this a go:

have your app running locally
In studioPro, click ‘App’=>’Show app directory in explorer
drill down to directory theme\web\
open main.scss in notepad, or your favorite text-editor (for me: Visual Studio Code)
at the end of the main.scss add

.mx-checkbox {
    input {
        border: 1px solid black;
    }
}

Click Save

And watch how Mendix Studio Pro changes the border of your check box making it more visible;