Can I click on a profile picture and see a bigger version

Our company is growing in size and we are maintaining multiple offices. It would be great if we could click on a coworker's personal profile picture and be able to see a larger version.

Is this possible?

3 answers

1 accepted

Hi Jeff,

If you do a search for a user of a given name you one of your search results will be a link to the profile of that user. Unfortuantely the profile page is just a blown up version of the avatar image that person is using and is often distorted.

I might suggest that you encourage new hires to create a public personal space and upload a couple pictures of themselves. It is also a great place for a quick blurb. That way going to a user's personal space will tell you a lot more about the user.

Just as a further heads up there is no way at present to grab information like phone, number or picture from an LDAP directory. The only thing that can come across that wire is UserName and email.

Hi Daniel,

Thank you very much for the answer! It's not the solution I was hoping for, but your workarounds should do a lot to help employees identify each other.

Thanks!

0 vote
Davin Studer Community Champion Mar 16, 2014

It is possible if you don't upload photos in Confluence. When you upload a photo in Confuence it resizes the photo to 48x48. However, if you use the SOAP api to upload a photo to a user's profile it will maintin the size that you upload it at. I would recomment 96x96 as it falls within Atlassian's user interface guidlines ... according to the below link. Then you just set some custom css to override the explicit 48x48 size that atlassian put on the profile page. The below css should get the images to show at full resolution. You would put it in Confluence Admin -> Look and Feel -> Stylesheet.

img.userLogo.logo {
    width: auto !important;
    height: auto !important;
}

You could also do this with javascript so that you could check if indeed you are on the profile page and then only apply css override on that page. That would look something like this and you would put it on the Confluence Admin -> Look and Feel -> Custom HTML -> At end of the BODY.

<script type="text/javascript">
var url = window.location.pathname;

if(url.indexOf('/display/~') != -1 || url.indexOf('viewmyprofile.action') != -1) {
    AJS.$('img.userLogo.logo').css('width', 'auto');
    AJS.$('img.userLogo.logo').css('height', 'auto');
}
</script>

I would recommend the javascript version as CSS version would apply to every page on the site and could affect more than you want.

https://docs.atlassian.com/aui/latest/docs/avatars.html

The javascript worked great for us, but needed a couple tweaks.

  • Changed 'viewmyprofile.action' to 'viewuserprofile.action'.  Not sure if this was a typo or if the URL changed in newer versions
  • Added an additional CSS element.

    AJS.$('#title-heading').css('padding','0 0 40px 0');

    This was to keep the horizontal border below the pic and to keep the navigation menu aligned.  We set to avatar height to 96x96 so 40px gave us the needed padding.

 

Is there a JIRA ticket somewhere for the avatar sizing issue I can vote +1 on?

Almost everyone I speak to see's the people directory as "almost useful" for the very reason the avatars are just too small.

A decent sized avatar is a huge help for new starters in any company.

Can we get this "fixed" in the product, rather than a variety of workarounds?...

Thanks.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

345 views 20 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you