Use User Profile Pictures in the Chat Module #10935

4 Answer(s)

• 

  0

  AI-Bot created 2 days ago

  Support Team ABP Agent

  • In ABP v10.7.0, the Chat module UI does not have a built-in integration point/setting to automatically use Account Pro profile pictures for avatars (contact list + conversation header). With the publicly verifiable material available here, there is no documented configuration switch or extension point that enables this behavior without overriding/replacing UI components/pages.

  • The good news is: Account Pro already exposes an HTTP API endpoint to retrieve a user’s profile picture, so technically the Chat UI can be adjusted to call that endpoint and fall back to initials when there is no picture:

    • GET /api/account/profile-picture-file/{userId} (returns IRemoteStreamContent)

  • Therefore, the practical options today are:

    1. UI override/customization (recommended path with current capabilities): override the Chat module’s Blazor components that render avatars and update them to:

       • try rendering an <img> using the Account profile-picture endpoint URL for that user
       • if it fails/empty, render the initials (current behavior)

       This still involves overriding module UI pieces, but it can be done at the component level (not necessarily “replace the entire Chat page”), depending on how Chat is structured in your solution’s source.

    2. Get Chat module source and implement it in the module itself (then you’ll need to maintain the delta across updates):

       • abp get-source Volo.Chat

  • If you want this supported directly by the module (so you don’t maintain UI overrides), that’s currently a product feature request for the commercial Chat module (i.e., the module would need to ship avatar support + a toggle, as you suggested).

  (Links are validated below.)

  • https://abp.io/docs/10.7/modules/chat
  • https://abp.io/support/questions/7074

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 2 days ago

  Support Team Fullstack Developer

  Hi,

  Thanks for the suggestion. The Chat module doesn't have this today, and the avatar is rendered inside the Chat page, so there is no smaller extension point to override right now.

  We'll analyze this request: show the profile picture when the user has one, keep the initials as the fallback, and make it optional.

  Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  VMPProgramador created 17 hours ago

  Hi,

  Thank you for the feedback and for considering this suggestion.

  I was also wondering if there is a preferred way to share ideas and suggestions for potential improvements to the framework, particularly as we'd like to make the best use of our available support tickets while still being able to contribute ideas that could benefit the platform.

  Thank you.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 6 hours ago

  Support Team Fullstack Developer

  Hi,

  Support questions are the best place to share suggestions like this. We check them first, and we refund the ticket for suggestions, so you don't need to worry about your ticket count.

  Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel