# User Interface Guide and Navigation

User Guide

# Login page and Two-factor authetication

**Context:** Two-step login process for authenticating user access to the Fintecor Reporting platform.

**Key Components & Elements:**

- **Primary Login Card:** Form inputs for Username and Password, an environment/tenant selector, and the primary session submit button.
- **Secondary MFA Verification:** One-time passcode (OTP) input control, step-by-step security prompt, and passcode retry/resend options.[![image (10).png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/image-10.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/image-10.png)[![image (11).png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/image-11.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/image-11.png)

# Logout and Password Change

- **Logout and password change for user:**

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/xorimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/xorimage.png)

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/9rbimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/9rbimage.png)

# Navigation structure

**Context:** A full-height view of the primary left-hand navigation sidebar menu within the reporting application.

- **Key Components & Elements:**
    - **Hierarchical Tree Structure:** Displays parent and nested menu items organized by system functional areas, including **System Configuration**, **Datasets**, and **Reports**.
    - **Active Selection State:** Highlights the currently active navigation item or folder path within the interface tree.
    - *Report Configuration is not available*

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/foiimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/foiimage.png)

- **Closing all opened tabs:**

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/2duimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/2duimage.png)

- **Reporting group ordering**

In order to change ordering in Reports part click on the icon.

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/htUimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/htUimage.png)

Drag and drop levels of ordering.

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/ppjimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/ppjimage.png)

# Night Mode

**Context:** Day and Night mode switch.

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/0Qyimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/0Qyimage.png)

- **Key Components & Elements:**
    
    
    - **Theme Switcher:** Displays the upper right-hand corner control button used to toggle between light and dark visual themes.

[![image.png](https://docs.fintecor.com/uploads/images/gallery/2026-09/scaled-1680-/FOZimage.png)](https://docs.fintecor.com/uploads/images/gallery/2026-09/FOZimage.png)