Forum Discussion

Garywoo's avatar
Garywoo
Guide
10 years ago

Show core avatars larger on messages

The default core avatars for messages is a little small in my opinion at 64x36 px.   I've set the Max. Avatar (Message (px)) size to 128x72 px on the skin properties in the studio and custom avatar...
Garywoo's avatar
Garywoo
Guide
Any help on the custom component to display this larger avatar would be greatly appreciated. I've created some HTML ones, but no FreeMarker ones yet. Is there anywhere where I can find the code for the existing avatar component?
luk's avatar
luk
Boss
10 years ago
Garywoo How do you plan to insert that custom component in the message list (that's what you're talking about right?) without replacing the whole standard component (which is a bad idea, you will lose all menus kudos etc.)?

If you have a look at the urls for avatars: http://lithosphere.i.lithium.com/t5/image/serverpage/avatar-name/phones/avatar-theme/2delicious/avatar-collection/technology/avatar-display-size/message

you see that "message" at the end, you can just replace that with "profile", then you'll get a bigger version of the avatar, e.g.

http://lithosphere.i.lithium.com/t5/image/serverpage/avatar-name/phones/avatar-theme/2delicious/avatar-collection/technology/avatar-display-size/profile

in your site you'd have to do that via jQuery, basically something like this:

jQuery('.lia-user-avatar-message').each(function() {

var $img = $(this);

$img.attr('src', $img.attr('src').replace('/message', '/profile'));

});
  • Garywoo's avatar
    Garywoo
    Guide
    10 years ago

    luk I think we'd only have to replace the author component on the forum message layout, but i'm not that confident enough without the existing code for it to replace it yet.

     

    For the meantime, I've used jQuery as you suggested. (tweaked your code to work).

    $('.lia-user-avatar-message').each(function() {
	var img = $(this);
	img.attr('src', img.attr('src').replace('/message', '/profile'));
});

    Any author component help would be appreciated, and the javascript approach has to wait for the page to load, which causes the avatars sizes to 'pop' into their larger sizes as page loads.

    • luk's avatar
      luk
      Boss
      10 years ago
      Garywoo could you maybe make a screenshot of the area/component in question and highlight it there so I get a better idea of what you want to replace?
      • Garywoo's avatar
        Garywoo
        Guide
        10 years ago

        luk

        Here's a screenshot of a forum message and the avatar location. (note: avatar is being enlarged by jQuery script posted above)

         

         

        The studio page component editor looks like this:

        I'm assuming the avatar is part of the 'author' component seen in the main-left column.