Edit Avatar

Edit Avatar

Overview

The Edit Avatar feature enables users to personalize or update their profile image with ease. This functionality allows individuals to upload a new avatar, replace an existing one, or refine their visual identity within the system. With a simple, intuitive interface, users can quickly make changes that enhance recognition, improve personalization, and keep their profiles visually up to date.

Start Editing Mode

  1. Option 1: Select the Edit icon from the context menu on the Contact card.
  2. Option 2: Select the Edit option drop-down on the Contact Details screen.
Option 1


Option 2

  1. After clicking the Edit button, a screen will appear where you can choose the section you want to modify.
  2. The following sections are provided on the screen:
    1. Address
    2. Avatar
    3. Communication
    4. Details
    5. Roles
  3.  To edit Avatar, click on the Avatar. The edit avatar screen will open in edit mode when you click the band.

Modify Avatar

This section offers detailed guidelines to help you modify or revise your contact's current avatar image. By following these steps, you can easily update or edit the logo to match your contact's identity.
  1. Once you click on the Avatar band, you will be taken to the contact Avatar screen.
  2. This screen will display the image if configured. When you visit for the first time, you won't see any image in the placeholder.
  3. You will find a Change and Remove button for both images on the screen. If you click the Change button, you can replace the existing image. On the other hand, if you want to delete the image, you can use the Remove button.
Notes
The JPG, PNG, BMP, and SVG formats should be supported for image uploads.

  1. To add an image, drag and drop the image from your local system into the placeholder. Please note that the drag-and-drop function will only work if no image has been uploaded yet.
  2. Additionally, you can click on the upload icon in the placeholder.

  1. A local browsing pop-up will appear. Browse through your local system and locate the image.
  2. Once you find it, select the image and click Open.

  1. The pop-up will include the following options to edit the image:
    1. Crop
    2. Zoom in and Zoom out
    3. Rotate anti-clockwise and rotate clockwise
    4. Flip Vertically and Flip Horizontally
    5. Reset
  1. A Save Image button is provided to save the cropped image. Once you have completed the modifications, click on the Save Image.
  1. Once you hit the Save button, the image gets added to the contact.
  2. Click on the Remove button to remove the image.
  3. Click the Change button to replace it with another image, and follow the same process as explained above.



    • Related Articles

    • Edit Role

      Overview The Edit Role feature allows administrators to update and manage user roles within the system, ensuring that each user has the appropriate level of access and permissions. This functionality provides a streamlined interface for modifying ...

    • Edit Address

      Overview The Edit Address feature allows users to update and maintain accurate location details within the system. Whether modifying home, office, or correspondence addresses, this functionality provides a simple, intuitive interface for quick ...

    • Edit Communication

      Overview The Edit Communication feature allows users to update and manage their communication-related information and preferences within the system. Whether adjusting phone numbers, email addresses, or notification settings, this functionality ...

    • Edit Contact Details

      Overview The Edit Contact Details feature allows users to quickly update and maintain accurate personal communication information within the system. Whether adjusting a phone number, email address, or other contact fields, this functionality ensures ...

    • Edit Connector

      Overview This article provides you with information on how to edit the system that is part of the project network. Please note that the system can be edited from both the Interaction and Dataflow views. When you are on the Interaction View and click ...