Google Code-in

One of the oddities missing from our in-house UI framework is support for tabbing between components, and a notion of tab order values being assigned to UI components somehow.

This task is meant to implement such a tab ordering system.

The concept of order between components might need to be introduced, or maybe some sort of existing depth value could be reused. Components need to be able to have their tab order set explicitly, but by default should likely increment up based on the order in which the components are added. Some components (like labels) should be opted out of the tabbing order.

This may not be a super easy task so make sure you've done several other UI tasks before attempting this one.

Definition of 'Done'

• A PR is submitted to the engine repository adding tabbing support to NUI components. This should include sensible defaults for existing components.
• Include a series of screenshots, a gif, or a small video showing you tabbing between different elements, seeing the focus move along different buttons.

Where to start

• The tutorial for the UI system
• Other UI tasks
• Look at this attempted implementation by another student
• Look at this similar implementation of alt-tabbing in-game windows

See also

• The GCI guide on UI
• The primary issue for this task