Basic Profile

Manage your personal profile information and contact details

What is the Basic Profile Page?

The Basic Profile page allows you to view and update your personal information including your name, email address, username, and phone number. This information is used to identify you in the system and for account recovery purposes.

Some fields like email are read-only for security reasons, while others like first name and last name are required to maintain your account profile. The Save Changes button only becomes active when you make modifications to the editable fields.

Key Features

Personal Information Management

Update your first name, last name, username, and phone number

Email Display

View your registered email address (read-only for security)

Save Changes

Save button activates only when changes are made to prevent accidental saves

Real-time Validation

Form validation ensures data integrity and provides immediate feedback

Required Field Validation

Required fields are marked with asterisks (*) and must be filled

Two-Column Layout

Organized layout with fields arranged in left and right columns

Basic Profile Form Structure

The Basic Profile form is organized into two columns with specific field types and validation:

Left Column Fields

Email Field

Your account email address (read-only)

  • Pre-filled with your current email address
  • Read-only field for security purposes
  • Cannot be modified from this interface
  • Used for account identification and login
  • Example: sunil16nov95@gmail.com

First Name Field

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
  • Must be filled to save changes
  • Example: Sunil

Phone Field

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
  • Used for account recovery and notifications

Right Column Fields

Username Field

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
  • Must be unique if provided

Last Name Field

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
  • Must be filled to save changes
  • Example: Kumar

Page Components

Understanding the basic profile interface components:

Email Display Field

Read-only email field showing your registered address:

  • Pre-filled with your current email address
  • Read-only for security and account integrity
  • Cannot be edited from this interface
  • Used for account identification
  • Example format: user@example.com

Required Text Fields

Mandatory fields that must be filled:

  • First Name field marked with asterisk (*)
  • Last Name field marked with asterisk (*)
  • Must contain valid text to save changes
  • Pre-filled with existing values
  • Real-time validation feedback

Optional Text Fields

Optional fields that can be left empty:

  • Username field for custom identification
  • Phone field for contact information
  • No asterisk marking (optional)
  • Can be filled or left empty
  • Support various input formats

Save Changes Button

Save functionality that activates only when changes are made:

  • Blue button positioned at bottom of form
  • Disabled when no changes are detected
  • Enabled when any field is modified
  • Validates required fields before saving
  • Provides success/error feedback

Two-Column Layout

Organized form layout for better user experience:

  • Left column: Email, First Name, Phone
  • Right column: Username, Last Name
  • Responsive design adapts to screen size
  • Clear visual separation between columns
  • Consistent spacing and alignment

Form Validation Rules

Understanding the validation requirements for the Basic Profile form:

Email

Read-only
  • Cannot be modified
  • Pre-filled with registered email
  • Used for account identification
  • Security-protected field

First Name

Required
  • Must be filled (marked with *)
  • Cannot be empty
  • Must contain valid text
  • Minimum length validation

Last Name

Required
  • Must be filled (marked with *)
  • Cannot be empty
  • Must contain valid text
  • Minimum length validation

Username

Optional
  • Can be left empty
  • Must be unique if provided
  • No special characters allowed
  • Length restrictions apply

Phone

Optional
  • Can be left empty
  • Supports various formats
  • International format accepted
  • No strict validation

Example Profile Configurations

Here are examples of different profile configurations:

Complete profile with all fields filled

Valid - Can be saved

Profile Information:

Email: john.doe@company.com
First Name: John
Last Name: Doe
Username: johndoe
Phone: +1 (555) 123-4567

Field Status:

Email (read-only)
First Name (required)
Last Name (required)
Username (optional)
Phone (optional)

Profile with phone but no username

Valid - Can be saved

Profile Information:

Email: jane.smith@email.com
First Name: Jane
Last Name: Smith
Username: Not set
Phone: (555) 987-6543

Field Status:

Email (read-only)
First Name (required)
Last Name (required)
Username (optional)
Phone (optional)

Best Practices

Profile Information

  • Use your real name for better account identification
  • Keep your profile information up-to-date
  • Provide accurate contact information
  • Use consistent name formatting
  • Review information regularly for accuracy

Username Guidelines

  • Choose a memorable but professional username
  • Avoid personal information in usernames
  • Use letters and numbers only
  • Keep it simple and easy to remember
  • Consider using your organization's naming convention

Phone Number

  • Provide a valid phone number for account recovery
  • Use international format when applicable
  • Keep phone number current and accessible
  • Consider using a business number if applicable
  • Ensure you can receive calls/texts on this number

Security Considerations

  • Never share your profile information with unauthorized users
  • Keep your email address secure and private
  • Use strong authentication methods
  • Regularly review your profile for unauthorized changes
  • Report any suspicious account activity immediately

Ready to Update Your Profile?

Access the Portal CMS to start managing your basic profile information.

Access Portal CMS