# User Profile View - Expand Functionality

**URL:** https://meta.discourse.org/t/user-profile-view-expand-functionality/108134
**Category:** UX
**Created:** [February 1, 2019, 3:34pm UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134 "2019-02-01T15:34:15Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![RobMeade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmeade/32/109119_2.png) [@RobMeade](https://meta.discourse.org/u/RobMeade)
#### Post date: [February 1, 2019, 3:34pm UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/1 "2019-02-01T15:34:15Z")

</div>

Hi,

I was wondering if there was a reason that the expanded view of the user’s profile doesn’t right-align, here’s a snippet from my own on our hosted solution;

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/6/5606039246b93bb7ef6bcf6bdb58f9cebcd83ad5.png)

Here’s an example from my profile on meta (using some default text);

 ![Screenshot](https://global.discourse-cdn.com/meta/original/3X/3/6/36f4981c82aa91b92454347f45c3e1ef124d58f2.png)

The information typed into the profile seems a little squashed and I can’t think of a good reason why this may be. This tends to then having a scroll bar situation for longer profiles where, if the space on the right were used, there would be less lines (potentially) to have to scroll down through.

Looking at the CSS for the `bio` class it has a max width of 750, disabling this allows the text to flow to the edge quite nicely.

Any thoughts? Something I’m missing?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [February 2, 2019, 2:22am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/2 "2019-02-02T02:22:50Z")

</div>

Related to this, over time I have grown to greatly dislike the animated “sliding” effect of viewing user profiles @Johani and @awesomerobot so maybe we could tweak this a bit for 2.3.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 2, 2019, 2:26am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/3 "2019-02-02T02:26:07Z")

</div>

Agreed. I think user profiles need some love in general. There’s a decent amount we can improve there.

---

<div class="post-metadata">

### Author: ![RobMeade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmeade/32/109119_2.png) [@RobMeade](https://meta.discourse.org/u/RobMeade)
#### Post date: [February 2, 2019, 9:08am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/4 "2019-02-02T09:08:04Z")

</div>

Thanks for the replies and, if I may, one other minor thing I have experienced and have had to try to work around with is the visibility of the mini-profile card too and what is displayed in it.

Because only a little of the text is shown, say from the _Latest_ view when you click on a profile icon, I’ve had to think of ways to almost write some kind of _hook_ which would encourage people to click in and read more. That’s quite challenging when you can’t control the functionality or layout very much (as a user).

I understand that t it needs to be _mini_ but having something native that encourages users to click in further to read more would be quite nice. I’m not 100% convinced that the further click on the profile name is obvious enough to make users aware that they can even do it.

Jus thought I’d add this, I did raise it before in a separate topic but if there is going to be some love given I thought I would see if I could go full heart ❤

🙂

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [February 2, 2019, 9:39am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/5 "2019-02-02T09:39:07Z")

</div>

You’d need to do a giant CLICK →HERE← TO SEE THE USER PROFILE button on the user card in a theme customization, and I believe in the theming system circa 2.2 it is possible.

---

<div class="post-metadata">

### Author: ![RobMeade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmeade/32/109119_2.png) [@RobMeade](https://meta.discourse.org/u/RobMeade)
#### Post date: [February 2, 2019, 9:46am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/6 "2019-02-02T09:46:19Z")

</div>

Hey Jeff,

I suspect that HUGE button would do the trick, that our a wet trout flying out of trh screen, slapping the face of the user, you know, just to raise awareness.. 😉

I was thinking of something perhaps slightly more subtle, as it only is really _necessary_ on the mini-profile cards if/where the text gets truncated, a built in _Read More…_ kind of thing which then took the reader to the main profile view and perhaps, as above, without the need to then click on Expand. Just a thought.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [February 2, 2019, 9:46am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/7 "2019-02-02T09:46:44Z")

</div>

As I said, you can accomplish this in a theme component right now today if you want to.

---

<div class="post-metadata">

### Author: ![RobMeade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmeade/32/109119_2.png) [@RobMeade](https://meta.discourse.org/u/RobMeade)
#### Post date: [February 2, 2019, 9:49am UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/8 "2019-02-02T09:49:31Z")

</div>

Many thanks. Would that be able able to avoid the need to click the Expand button too though, e.g the _full_ profile would be visible when redirected through?

---

<div class="post-metadata">

### Author: ![jesus2099](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jesus2099/32/119720_2.png) [@jesus2099](https://meta.discourse.org/u/jesus2099)
#### Post date: [February 2, 2019, 12:37pm UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/9 "2019-02-02T12:37:48Z")

</div>

I think the text is already quite wide on your screen capture. If we would give it all the width of a big screen it would be really too much.  
Narrow columns, not long lines, is how text is easier to read, isn’t it?

---

<div class="post-metadata">

### Author: ![RobMeade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmeade/32/109119_2.png) [@RobMeade](https://meta.discourse.org/u/RobMeade)
#### Post date: [February 2, 2019, 12:47pm UTC](https://meta.discourse.org/t/user-profile-view-expand-functionality/108134/10 "2019-02-02T12:47:49Z")

</div>

> [@jesus2099](#):
>
> Narrow columns, not long lines, is how text is easier to read, isn’t it?

I think that may depend on the medium and also the text in question though?

Presumably there is a reason that the profile text isn’t squashed into a _narrow column_ of say 250px though?

To me, on that screenshot it looks either like a minor oversight with regards to the CSS, or, there was a plan/reason for that space in the red box being left for _something_, which may or may not have come to fruition. If it were by design, I’d have through the space on the right would be the same as the space on the left (the width of the profile image plus padding) to add some form of symmetry.

In the same _area_, `Location` and `Website` gets 892px.
