# Simplifying the profile picture change

**URL:** https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660
**Category:** Feature
**Created:** [December 28, 2024, 1:32pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660 "2024-12-28T13:32:35Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [December 28, 2024, 1:32pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/1 "2024-12-28T13:32:35Z")

</div>

Was thinking, wouldn’t it be great to introduce a feature, similar to LinkedIn, where users can update their profile picture directly by clicking on the round frame, triggering a seamless pop-up? The current process feels slightly cumbersome with extra steps. Implementing this feature would not only streamline the workflow but also significantly elevate the overall profile page experience.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [December 28, 2024, 2:03pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/2 "2024-12-28T14:03:51Z")

</div>

So instead of opening the user card, it opens up the modal to change your avatar?

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [December 28, 2024, 2:13pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/3 "2024-12-28T14:13:26Z")

</div>

Don has a theme component for something like this.

> [@Quick Profile Links Menu](https://meta.discourse.org/t/quick-profile-links-menu/338591):
>
> information_sourceSummary Quick Profile Links MenueyeglassesPreview [Theme Creator](https://discourse.theme-creator.io/theme/Don/quick-profile-links-menu)hammer_and_wrenchRepository [GitHub - VaperinaDEV/quick-profile-links-menu](https://github.com/VaperinaDEV/quick-profile-links-menu)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Hello wave Navigating the user preferences can be a bit difficult at times, especially for new users. This theme component allo…

---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [December 28, 2024, 2:16pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/4 "2024-12-28T14:16:27Z")

</div>

I mean, when you go to your profile page, instead of seeing ‘Settings’ and then ‘Account,’ it would be great if you could just tap on your image to change the picture.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [December 29, 2024, 2:29am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/5 "2024-12-29T02:29:30Z")

</div>

As in, the one right at the top of the page, above the Expand button?

---

<div class="post-metadata">

### Author: ![otpotential](https://avatars.discourse-cdn.com/v4/letter/o/b5a626/32.png) [@otpotential](https://meta.discourse.org/u/otpotential)
#### Post date: [December 29, 2024, 10:06pm UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/6 "2024-12-29T22:06:39Z")

</div>

Yes! Would love for it to be easier for members to change their pic!!

---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [December 30, 2024, 2:58am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/7 "2024-12-30T02:58:59Z")

</div>

Yes, exactly right there.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [December 30, 2024, 3:22am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/8 "2024-12-30T03:22:12Z")

</div>

i just remembered that Don’s excellent [compose center](https://meta.discourse.org/t/compose-center/323776) component also makes this easier.

 ![IMG_2037](https://global.discourse-cdn.com/meta/original/4X/0/9/2/092441afdb5a9bdae711428b3fb11581eaa3cfb2.jpeg)

> [@Compose Center](https://meta.discourse.org/t/compose-center/323776):
>
> information_sourceSummary Compose CentereyeglassesPreview [Theme Creator](https://discourse.theme-creator.io/theme/Don/compose-center)hammer_and_wrenchRepository [GitHub - VaperinaDEV/discourse-compose-center: Compose Center is a place for all type of composing options.](https://github.com/VaperinaDEV/discourse-compose-center)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Hello wave Compose Center is a place for all type of composing options. The …

---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [December 30, 2024, 3:25am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/9 "2024-12-30T03:25:03Z")

</div>

It seems like @Don has already built all the components I would ever need, so from now on, I’ll stalk his work before posting. Also, thanks @Lilly for sharing :))

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [December 30, 2024, 7:44am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/10 "2024-12-30T07:44:50Z")

</div>

I totally forgot that, even though I use it too.

But still — it isn’t the most obvious way to change a profile image using the writing route. That was one strong point for me to start using the compose center, though. I thought it might be an easy way to make the reply button fear fade away when a new user uses it to change their avatar. And then I forgot to tell users about that option 🤦‍♂️

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 30, 2024, 8:43am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/11 "2024-12-30T08:43:57Z")

</div>

If I remember correctly we use the route there because the avatar selector modal is restricted to `preferences/account` route. 🤔 but I will check it again.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [December 30, 2024, 9:50am UTC](https://meta.discourse.org/t/simplifying-the-profile-picture-change/344660/12 "2024-12-30T09:50:55Z")

</div>

Save your time. I don’t know that is such big deal — unless you have plans to give direct access via clicking a profile picture.

Plus I just documented that option for my users, and I’m already lagging behind that job, mainly because your components have changed playground so much 😂
