search

flybywiresim / aircraft

The A32NX & A380X Project are community driven open source projects to create free Airbus aircraft in Microsoft Flight Simulator that are as close to reality as possible.
https://flybywiresim.com
GNU General Public License v3.0
4.94k stars 1.01k forks source link

[flypadOSv4] Input border overlay for invalid required cells #8715

Open alepouna opened 5 days ago

alepouna commented 5 days ago

Aircraft Version

Development

Description

Inputs that are missing any content or are invalid when trying to submit them, should have a red border for extra clarity of which input is invalid or is missing. Case: With the new performance calculator, you do not have ability to calculate data if you have not filled all values, and currently the button is just grayed out. However, if the button was to highlight what value is missing (by adding the red border) it would instantly clarify what is missing. (Personal story, it took me a few moments to figure out I didn't fill the winds because the existing text contains the slash & degree symbol and overlooked it) Another case on the perf calc, if you entered an invalid input, say 444444 when max is 4444 on top of the error popup, the input would be overlayed red so you can quickly reference that it's invalid (for both better clarity and quick finding + in the event you missed the alert or have multiple issues) Similar to the above, another useful case would be when entering the SimBridge Port, if you enter a letter you only get an error, but adding the highlight for the field would bring more attention.

References (optional)

No response

Additional info (optional)

No response

Discord Username (optional)

No response

tracernz commented 5 days ago

It might be trickier to highlight fields that made the calculation fail as often it’s a combination and also the calculator is intentionally decoupled from the page so we can share the UI between planes.