Main Menu

Main menu (☰)

This app includes two dropdown menus at the top of each screen: - Account (first) for user actions. - Menu (second) for navigation.

What it does

• Account: Change password, Preferences, Connection, Logout.
• Menu: Main Menu, Trading Lab, Tools.

Where it appears

• Management dashboard (/management/)
• Trading Lab (/management/trading/)
• Tools page (/management/tools/)
• Connection (/management/connection/)
• Preferences (/management/preferences/)

If you need it on an extra page, add {% include "partials/nav_main.html" %} near the top of that template.

Alignment rule (current default)

By default, all text is centre-aligned across all pages unless we explicitly change it on a specific component.

UI element keys (for documentation/wiki work)

We’re tagging key UI blocks with stable identifiers in templates: - data-ui-key="nav.account" for the account menu container - data-ui-key="nav.main" for the main menu container - data-ui-key="nav.main.links.menu" for the Main Menu link - data-ui-key="nav.main.links.trading" for the Trading Lab link - data-ui-key="nav.main.links.tools" for the Tools link - Page containers like data-ui-key="management.card" and data-ui-key="tools.card".

These keys are intended to be indexed in the database via the UiElement model so we can document screens reliably and target styling/behaviour consistently.

Back to wiki home