[#6118] Can I Use Layout Parameters to Change Avatars in Login Module and Activity Plugin?

I am using CB 2.0.14 with Joomla 3.6, and I have enabled the gender field which is mandatory for users. I have been successful (with help from this forum) in using Layout Parameters for the avatar field so that a male or female avatar shows up correctly in the Profile Layout, based on the setting of the gender field, using a few cb:if statements. Now I'm wondering if I can do the same thing for the Login Module, and for the Activity List, which appear to be using the generic thumbnail default avatars.

Under the Parameters tab of the avatar field, I notice an option that says: "Prepare Layouts using Content Plugins" but I don't know if this is the feature I need. If I set this to "yes" will there be options for Layout Parameters in the CB Activity plugin, and in the CB Login module? If not, is there a way to make use of thumbnail versions of my male/female avatars, depending on the gender selected in the gender field? I am including a screenshot to illustrate what I mean. Any help is greatly appreciated.

Login module, etc.. do properly output the avatar field but they're using the userlist layout which links to the users profile. You can replace this behavior, but you need to ensure you replicate the linking behavior. To do this you'd use the below inside your IF substitution.


Basically just copy your profile value layout to userlist value layout and surround your gender specific defaults with the URL usage above.

That worked perfectly! Now there is just one additional question - in the avatar field parameters, under Image Display, I have the Style set to "circle". This is working for uploaded photos, however for my generic male/female icons the setting is not working. (see attached screenshot) This is not a huge deal, but do you know the reason why it is behaving this way? Thanks! Rob

That worked perfectly! Now there is just one additional question - in the avatar field parameters, under Image Display, I have the Style set to "circle". This is working for uploaded photos, however for my generic male/female icons the setting is not working. (see attached screenshot) This is not a huge deal, but do you know the reason why it is behaving this way? Thanks! Rob

That's just adding a CSS class to the image. Your images should properly mimic the CSS class usage. See the below for the CSS classes for each output using the circle display.

Profile Value Layout:
cbImgPict cbFullPict img-thumbnail img-circle

Userlist Value Layout:
cbImgPict cbThumbPict img-thumbnail img-circle

Those classes should be on your custom default images in their class attribute.

Krileon - this is fantastic help! There is only one more little issue. The circle image now works almost everywhere - in the Login Module it works when the user first logs in, but then as soon as they navigate to any other page, it reverts to the square image. Please see the two screenshots for reference. Let me know if there is a fix for this. Thanks!

Add <span class="cb_template">IMAGE_HERE</span> to the layouts. Looks like we're missing the default template class being around the avatar so our styling is lost. Have added a bug ticket to investigate further.

forge.joomlapolis.com/issues/6118