Group activity page has no name or title for the posters


#1

Hey there!

I’m just in the final stages of pimping out our new discourse forum.

On our group activity page, though, I noted that we do not have any information on ‘who’ has made the posts, which would be super useful (ideally the username and their title would be displayed)

An example can be seen right here in the official discourse board:

can anyone point me to where I can enable this, or what CSS / HTML I need to edit to make this happen?

Here’s how our page looks for reference:

Huge thanks.

Edit: also the logo would be pretty nice to have, just like the discourse logo beside the group name


(Jeff Atwood) #2

Perhaps @dax can answer this?


(Daniela) #3

I did some checking.

Name and title are displayed in that page only if the name has been entered in the user profile. Then in the site settings enable names must be enabled and the members of that group should fill in the name on their profiles. On our page for example, all except HAWK have name and title displayed. Indeed, Hawk has no name on her profile. I do not know if this is a bug or a desired choice, @tgxworld?

Just fill in the Avatar Flair Image field on the group setting page to view the logo.


#4

That’s amazing @Dax - thank you so much! Quick one more, enabling the logo also enables the logo beside each group member avatar within a topic reply. I’m trying to hide this via CSS only within topic replies, but struggling. Could you assist perhaps with that?

  • edit - solved with:
.topic-avatar .avatar-flair {
   display:none;
}
  • update - the above didn’t solve at all! It actually hid the entire avatar from the post within a topic and not just the flair. (I’m not very CSS savvy)

#5

Ah, turns out I had hidden the entire avatar, instead of just the flair seen to the bottom right of the avatar.

Curses. Any one knows I would be hugely appreciative.

An example of this can be seen on the eve forums:

The poster has no flair to the side of their avatar, but their group overview page has a logo, so it must be doable and I’m just being stupid! :slight_smile:


(Daniela) #6

You do not have to do anything with CSS, delete what you wrote. Instead, disable the group configuration Automatically set as primary group. Flairs are shown only on the primary groups.

Which group? I do not see any logo:

Make a screenshot of the logo you’re referring to, maybe we’ll talk about two different logos…


#7

It’s possible I’m crossing wires, I was very sleepy! So I messed up my example above, ignore the eve forums I linked.

So let me explain the set up and I’ll also show some examples of what I am looking to achieve (if it’s even possible) :slight_smile:

We make video games and have different departments, we are running this forum as a closed test forum which is invite only.

So I have some default groups set up:

  • Developer
  • Quality Assurance
  • Community

Everyone with a company email is automatically added to the Developer group. The Developer group is “automatically assigned as primary” to anyone with the business email address. This makes sure they get appropriate trust levels and nifty flair I hacked in to the category overview without me having to do anything manually (which is nice!) (fig 1):


fig 1

So all people with work emails are in the Developer group and have that set as their primary group (this triggers the above seen DEV flair). I manually assigned 4 people in to the Quality Assurance group and overrode that as their primary group (this triggers the above flair for QA), and just myself in to the Community group and this is my primary group (this triggers the above flair for CM).

In order to get the logo on the Developer Group Overview page as per the Original Post above, I have had to assign an avatar flair to the Developer group, only - this creates a flair on the avatar of each post the developers make (fig 2)

image
fig 2

What I am trying to achieve is hiding the avatar flair on the posts by the developers, but keeping it on the group overview page.

I thought it might be possible by hiding an element in CSS, but I ended up hiding the entire user avatar on their posts (and not just the flair).

I’ll show you an example of what I am after:


No avatar flair but …

Still have a logo on the group overview page!

Is that possible by hiding any CSS elements? Am I just being super picky? (You can say yes!) :smiley:


(Daniela) #8

Since the developer group is a primary group you can do it.

Open your browser console and inspect the flair of a member of the dev group. You will see something similar:

The class you have to use to hide the flair is:

.avatar-flair.avatar-flair-BetaTeam.rounded.avatar-flair-image

so to solve your problem:

.avatar-flair.avatar-flair-BetaTeam.rounded.avatar-flair-image {display: none}

where obviously, in place of Betateam you will find the name of your group.


#9

I don’t see the .rounded, just:

.avatar-flair.avatar-flair-Developer.avatar-flair-image

but adding {display: none} hides the logo from the group overview page as well :smiley:


(Daniela) #10

Try something like

.topic-avatar .avatar-flair.avatar-flair-Developer.avatar-flair-image


#11

Heroic! That absolutely did the trick. and I’m learning how CSS actually works - amazing stuff Dax - thank you so very, very much!


(xiasummer) #12

Actually, I would like to know the true group activity.

As I see, when I’m in the group page, the group activity actually is all the “group member’s activity”, not the group’s activity.

You See, I’m in many groups(This is a learning group website, so we have many many groups).

What I want to see is the category which the group have rights.

Like I’m in learning group A and learning group B. There are 2 groups naming Learning CategoryA, Learning CategoryB.

So when I view the group A activity, I only want to see the CategoryA activities.

Yours.