Manage your account settings, profile information, and security preferences
What is the Account Page?
The Account page allows you to manage your personal profile information, change your password, and configure security settings like 2-Step Authentication. This page provides a centralized location to control your account settings and maintain security.
The Account page is organized into three main tabs: Basic Profile for personal information, Change Password for security updates, and 2-Step Authentication for enhanced security protection.
Key Features
Update your personal information including name, email, username, and phone number
Change your password with secure validation and confirmation requirements
Enable enhanced security with two-factor authentication for your account
Save button becomes active only when changes are made to prevent accidental saves
Form validation ensures data integrity and provides immediate feedback
Password visibility toggles and secure input fields protect sensitive information
Account Management Tabs
The Account page is organized into three main sections, each accessible via the left sidebar navigation:
Manage your personal profile information and contact details
The Basic Profile tab contains all your personal information fields including email, first name, last name, username, and phone number. Required fields are marked with asterisks (*) and the Save Changes button activates when modifications are made.
Update your account password with secure validation
The Change Password tab allows you to update your password securely. It requires your old password for verification, then asks for a new password with confirmation. Password visibility can be toggled using the eye icon.
Enable enhanced security with two-factor authentication
The 2-Step Authentication tab provides an additional layer of security to your account. Click 'Start Setup' to begin the configuration process for two-factor authentication.
Basic Profile Form Structure
The Basic Profile form is organized into two columns with the following fields:
Your account email address
- • Pre-filled with your current email address
- • Read-only field showing your registered email
- • Cannot be changed from this interface
- • Example: sam.smith@example.com
Your first name (required field)
- • Text input field for your first name
- • Marked with asterisk (*) indicating required field
- • Pre-filled with current value if available
- • Example: Sam
Your phone number (optional)
- • Text input field for phone number
- • Optional field - no asterisk marking
- • Can be left empty if not provided
- • Supports various phone number formats
Your account username (optional)
- • Text input field for username
- • Optional field for custom username
- • Can be left empty if not set
- • Used for account identification
Your last name (required field)
- • Text input field for your last name
- • Marked with asterisk (*) indicating required field
- • Pre-filled with current value if available
- • Example: Smith
Change Password Form Structure
The Change Password form includes secure password management with the following components:
Your current password for verification
- • Password input field for current password
- • Marked with asterisk (*) as required field
- • Hidden by default for security
- • Used to verify your identity before password change
Your new password
- • Password input field for new password
- • Marked with asterisk (*) as required field
- • Hidden by default for security
- • Must meet password strength requirements
Confirm your new password
- • Password input field to confirm new password
- • Marked with asterisk (*) as required field
- • Must match the new password exactly
- • Prevents typos in password entry
Toggle to show/hide password characters
- • Eye icon with diagonal line for each password field
- • Click to toggle between hidden and visible text
- • Available for all three password fields
- • Helps verify correct password entry
Save the new password
- • Blue button labeled 'Save Password'
- • Only active when all fields are properly filled
- • Validates password match before saving
- • Provides feedback on success or failure
2-Step Authentication Setup
The 2-Step Authentication section provides enhanced security options:
Information about 2-Step Authentication benefits
- • Explains the security benefits of 2FA
- • Describes protection against unauthorized access
- • Highlights data protection features
- • Clear, user-friendly explanation
Begin the 2-Step Authentication configuration
- • Blue button labeled 'Start Setup'
- • Initiates the 2FA setup process
- • Guides through configuration steps
- • Sets up authenticator app or SMS verification
Page Components
Understanding the account management interface components:
Left Sidebar Navigation
Navigation tabs for different account sections:
- • Three navigation tabs: Basic Profile, Change Password, 2-Step Authentication
- • Active tab highlighted with blue background and white text
- • Inactive tabs shown with light gray background and blue text
- • Click to switch between different account sections
- • Clean, organized navigation structure
Form Input Fields
Interactive form elements for data entry:
- • Text input fields for personal information
- • Password input fields with security features
- • Required fields marked with asterisks (*)
- • Pre-filled values where applicable
- • Real-time validation and feedback
Password Visibility Toggle
Security feature for password fields:
- • Eye icon with diagonal line for each password field
- • Toggle between hidden and visible password text
- • Helps users verify correct password entry
- • Available on all password input fields
- • Maintains security while improving usability
Save Changes Button
Save functionality for form submissions:
- • Blue button positioned at bottom of forms
- • Only active when changes are detected
- • Disabled state prevents accidental saves
- • Validates form data before submission
- • Provides success/error feedback
Security Features
Enhanced security options and validation:
- • Password strength requirements
- • Confirmation field validation
- • Old password verification
- • Secure input handling
- • 2-Step Authentication setup
Form Validation Rules
Understanding the validation requirements for each form:
Basic Profile
- • First Name: Required field, cannot be empty
- • Last Name: Required field, cannot be empty
- • Email: Read-only, cannot be modified
- • Username: Optional field
- • Phone: Optional field, accepts various formats
Change Password
- • Old Password: Required for verification
- • New Password: Required, must meet strength requirements
- • Confirm Password: Required, must match new password
- • All fields must be filled before saving
- • Password visibility can be toggled for verification
2-Step Authentication
- • Click 'Start Setup' to begin configuration
- • Follow setup wizard for authenticator app or SMS
- • Test the setup to ensure it works correctly
- • Save backup codes in a secure location
Example Profile Configurations
Here are examples of how profile information might be configured:
Basic Profile Example
Profile Information:
Field Status:
Complete Profile Example
Profile Information:
Field Status:
Best Practices
Profile Management
- • Keep your profile information up-to-date
- • Use your real name for better account identification
- • Provide a valid phone number for account recovery
- • Choose a memorable but secure username
- • Review and update information regularly
Password Security
- • Use a strong, unique password for your account
- • Include uppercase, lowercase, numbers, and special characters
- • Avoid using personal information in passwords
- • Change your password regularly
- • Don't reuse passwords from other accounts
2-Step Authentication
- • Enable 2-Step Authentication for enhanced security
- • Use an authenticator app for better security than SMS
- • Keep backup codes in a secure location
- • Test your 2FA setup to ensure it works correctly
- • Update your phone number if using SMS verification
Account Security
- • Never share your login credentials with others
- • Log out from shared or public computers
- • Monitor your account for suspicious activity
- • Keep your contact information current
- • Report any security concerns immediately
Ready to Manage Your Account?
Access the Portal CMS to start managing your account settings and security preferences.
Access Portal CMS