Request: $[user.avatar.link]

[leif]

I would like to be able to make a link directly to the avatar without ProBoards' automatic injection of a div and img, I'd like to just have a way to link to the avatar directly inside my forum templates.

For $[user.avatar] you get:
<div class=" avatar-wrapper="" avatar_size_default="" avatar-1"=""><img src="http://i.imgur.com/wQa8Qbq.png" alt="leif Avatar"></div>

A lot of that is unnecessary for me. I'd just like:

http://i.imgur.com/wQa8Qbq.png

That's it.

[JScript]

Hi,

Try this:

Go to -> Forum > Admin Home > Themes > Layout Templates and select [Forum Wrapper]
Then search this $[head], and add the code below after:

<script type="text/javascript">
// <![CDATA[
   var user_avatar_link = '$[current_user.avatar]';
   user_avatar_link = jQuery(user_avatar_link).children('img').attr('src');
   /* console.log(user_avatar_link); */
// ]]>
</script>

And then just use the new variable user_avatar_link in your code!

Best regards,

JS

[leif]

Unfortunately that did not work.

<div style="width:100%;height:300px;background-image: url('http://placehold.it/200x300');background-image: url('user_avatar_link');background-size:cover;text-align:center;"><div class="ashyavatar"><div class="ashyinside">


[JScript]

leif

Hi!

JavaScript and HTML are two different things!
HTML doesn't have variables and It certainly doesn't have Javascript's. HTML is a markup language, not a programming language.

You can't place a this JavaScript variable anywhere in HTML document. Instead you need to get the DOM element through script and append what you want!

---

Edit:
Try this example:

<script type="text/javascript">
// <![CDATA[
var $current_user = {
avatar_link: jQuery('$[current_user.avatar]').children('img').attr('src')
}
console.log($current_user.avatar_link);
jQuery(function () {
jQuery('body').prepend("<div style=\"background-image: url('" + $current_user.avatar_link + "');background-size:cover;text-align:center;\"></div>");
});
// ]]>
</script>

Result:


So long,

JS

[leif]

Thank you. However that would not work as I do not wish it to be the current user, but, as a replacement to user.avatar not current.user.avatar

[JScript]

@leif

Although I only met ProBoard yesterday (2014-04-30), I know that there are several variables predefined by the system, see these four below:

$ [board_user.avatar]
$ [thread.created_by.avatar]
$ [thread.first_post.created_by.avatar]
$ [thread.last_post.created_by.avatar]

However, if you specify in more detail what you want to do, oh yes, I assure you will have the help you need!

So long,

JS

[leif]

Thanks for trying. Unfortunately I'm hoping to use this in mini profile. There's a work around but something like this added to proboards will save lines of CSS and make hover profiles simpler for those that prefer to use their avatar field. I'm surprised this isn't an option yet.

[Brian]

Labeled as a feature request.

I'd assume the variable would end up being $[user.avatar.src] if this were accepted.

[leif]

That'd be perfect :]

[leif]

By any chance does anyone know of any decent way around this for now? To make a custom field ID be the exact same thing as the avatar link perhaps?

$[user.avatar.src] would be perfect but I'm an impatient person and am using a custom profile field as a workaround with avatars completely disabled for now.

[Brian]

A custom profile field could easily accomplish it.

For example, here's how you would create the regular avatar div with a custom field.

{foreach $[user.mini_custom_field]}
    {if $[user.mini_custom_field.name] == "Custom field name goes here"}
        <div class="avatar"><div class="avatar-wrapper avatar_size_default avatar-$[user.id]"><img alt="$[user.name] Avatar" src="$[user.mini_custom_field.value]"></div></div>
    {/if}
{/foreach}

[leif]

I ended up just remaining the use of Hover Image field, when and if the $[user.avatar.src] comes out I can easily switch it over.

[leif]

Just wanted to say I'm still very interested in this. Custom Profile Fields is how a lot of us do it. But; it'd be amazing if we can just pull the avatar link one day.

[Michael]

Still listed as a feature request!