Lone Checkbox
- 50541507
- Mar 23, 2022
- 2 min read
I needed to make a singular checkbox for certain aspects of the UI, and since I'd already made a checkbox system in my map button, I just used that and it was very easy. I made a hover animation with a background fade, and the check animation is just adding a fill.
However after getting feedback from Harrison, I realised that the check icon always being in the box suggests that it's always checked to the average user, and it isn't exactly the same as the map button checkboxes, which would throw people off more. So to remedy this, I made it look and behave exactly the same as the checkbox in the map buttons so keep consistency and repetitiveness, to reference C.R.A.P.:
This also undoubtedly feels like CS:GO's panorama, as that too has a hover animation similar to this, and so will make CS:GO players feel more at home, which is the aim.
Something I've done to this checkbox which I've never done to a custom widget before (because I forget) is an "IsEnabled" boolean which stops it from functioning if it's not enabled. This is most useful in something like the settings screen, where a "Stretched" checkbox could be used, but only allowed if the fullscreen combo box is set to "Fullscreen", as that's the only one that would allow it to be stretched.
The visual for greying out an element when it's not enabled is universally known, and so this won't cause any confusion for users, especially because they'll see an enabled checkbox before a disabled one so they know what each look like. I could also only play the hover animation when it's enabled to further show it's disabled if the user tries to hover over it, but I don't think that's necessary.
After further feedback, the consensus was to take it out to aid feedback for the user, so I did.



Comments